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

个人博客(vue3 + nodejs + mysql )​http://snows-l.sitehttp://snows-l.sitehttp://snows-l.site

问题描述下:

        目标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;
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冬零七

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值