记录一下:vue3+antd-vue a-form包含a-table实现表格行内校验, 清除 指定行 指定字段 的校验

作者 : admin 本文共496个字,预计阅读时间需要2分钟 发布时间: 2024-06-12 共1人阅读

问题描述下:

        目标VLAN值可以输入, 也可以点击后面的按钮进行弹窗选择。由于检验原因,光标失焦但是没有填写就会校验爆红,然后点击选择之后由于没有失焦过程没有触发校验,依然还是红的。这个时候就需要清除 目标VLAN值 的校验 实现去掉校验信息

记录一下:vue3+antd-vue a-form包含a-table实现表格行内校验, 清除 指定行 指定字段 的校验插图

解决方法关键代码:

记录一下:vue3+antd-vue a-form包含a-table实现表格行内校验, 清除 指定行 指定字段 的校验插图(1)

// 选择VLAN值弹窗回调
const handleSubmitCallback = keys => {
  if (state.currentEditRowIndex !== -1) {
    state.tableSource[state.currentEditRowIndex].vlan_value = keys;

    // 必须选择了才清除校验
    if (state.tableSource[state.currentEditRowIndex].vlan_value) {
      // state.currentEditRowIndex 为当前行的索引 在点击选择的时候记录的
      tableFormRef.value.clearValidate(state.currentEditRowIndex['vlan_value']);
    }
  }
  state.currentEditRowIndex = -1;
};
本站无任何商业行为
个人在线分享 » 记录一下:vue3+antd-vue a-form包含a-table实现表格行内校验, 清除 指定行 指定字段 的校验
E-->