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

问题描述下:

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

解决方法关键代码:

// 选择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;
};

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-16 06:40:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-16 06:40:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-16 06:40:01       82 阅读
  4. Python语言-面向对象

    2024-06-16 06:40:01       91 阅读

热门阅读

  1. Leetcode.2601 质数减法运算

    2024-06-16 06:40:01       31 阅读
  2. Web前端图形显示:深入探索与实用指南

    2024-06-16 06:40:01       38 阅读
  3. seata源码分析(04)_TM开启全局事务

    2024-06-16 06:40:01       23 阅读
  4. 738. 单调递增的数字

    2024-06-16 06:40:01       33 阅读
  5. QStateMachine 笔记

    2024-06-16 06:40:01       21 阅读
  6. 笔记-python 中BeautifulSoup入门

    2024-06-16 06:40:01       35 阅读
  7. Selenium 定位编辑框有span

    2024-06-16 06:40:01       30 阅读
  8. 高考毕业季--浅谈自己感想

    2024-06-16 06:40:01       23 阅读