element-plus表单必填校验提示不消失

1. 先上截图

image.png

2.发现问题：

逻辑很简单，申报总价先失焦触发必填提示，申报数量回车事件经公式[申报数量*申报单价=申报总价]，发现申报总价的必填提示没有消失。

3.解决问题

申报总价的校验规则通常是这样写的：

DclTotal: [
    {
      required: true,
      message: '该栏必填，不能为空',
      trigger: 'blur'
    }
  ]

于是改为：

DclTotal: [
    {
      required: true,
      message: '该栏必填，不能为空',
      trigger: [ 'blur','change']
    }
  ]

改完发现申报总价的必填提示还是没有消失，想着不应该啊，于是去官网copy demo来测试，发现demo的必填提示消失了，nnd，难道是我封装的表单组件有问题？带着疑惑，我还是先查看了我的规则：

image.png

打印结果如下：

image.png

原来我的规则了多了whitespace属性，注意描述的是属性而不是值，其实不管此属性是值是false还是true，申报总价的必填提示依然不会消失，于是把whitespace去掉，果然必填提示消失了，最终改了下生产校验规则方法，解决了表单必填校验提示不消失的问题。