vue动态表单验证,提示文字去不掉

1、vue使用element-ui的form表单验证

问题描述：第一次点击新增时正常，第二次新增打开弹窗后由于表单内容为空，出现验证这种情况。

解决 ： this.$refs.staffForm.resetFields();//等弹窗里的form表单的dom渲染完在执行this.$refs.staffForm.resetFields()，去除验证（clearValidate），（resetField表单重置）

//打开弹窗的新增方法

addStaff() {

      this.staffVisible = true;//弹窗打开

      this.$nextTick(()=>{

         this.$refs.staffForm.resetFields()

        this.$refs.staffForm.clearValidate()

      });

},

使用iview动态添加表单校验，触发 this.$refs[name].validate 方法校验的时候，会有一部分非 String 类型表单项提示校验未通过，console中显示 async-validator: ["xxx is not a string"]

组件写法如下：

console错误提示如下：

去掉 :rules 规则中的 trigger 属性

再次触发 this.$refs[name].validate 方法校验的时候恢复正常。

未知[吐血]

这种解决方法只是一种简单的临时解决方案，暂时不知道有没有别的问题。。。╮(╯▽╰)╭