vue项目element-ui对话框中的表单验证清除问题

1.确定方法

• form 表单添加 ref="ruleForm"
• 使用this.$refs.ruleForm.resetFields()或者this.$refs.ruleForm.clearValidate()

2.修改打开对话框的函数

注意：等对话框里的 form 表单的 dom 渲染后再执行 this.$refs.staffForm.resetFields()去除验证

openDialog() {
      //打开对话框
      this.dialogVisible = true;
      //表单的dom渲染后执行
      this.$nextTick(()=>{
        this.$refs.ruleForm.resetFields();
      });
}