vue form表单验证清除

说在前面：
在开发中有这样一个需求，单击按钮会弹窗，填写表单后，触发验证提示信息。关闭弹窗后，在次打开，验证提示信息还会存在。这种不是太友好，所以在弹窗后，手动清除上一次的验证提示信息。

清除表单内容和清除表单验证消息

this.$nextTick(()=>{
  this.$refs['testForm'].resetFields();
})

只清除表单验证消息，不清除表单内容

this.$nextTick(()=>{
  this.$refs['testForm'].clearValidate() 
})

清除表单验证消息不起作用时，可尝试

  setTimeout(() => {
    this.$refs["testForm"].clearValidate();
  }, 30);

注：testForm 是指当前表单绑定的对象
<el-form ref="testForm" :model="testForm"/>