ElementUI 中的Dialog嵌套form表单时出现校验清除残留问题

ElementUI 中的Dialog嵌套form表单时出现校验清除残留问题

1. 问题描述 : 当出现多个弹出框的时候(比如新增和编辑), 调用组件自带的resetFields 和 clearValidate 方法可能不起作用
2. 目前的解决方法:
   2.1 给form设置 validate-on-rule-change 为false
   2.2 或者将resetFields 和 clearValidate方法 写入$nextTick中

   this.$nextTick(() =>{
   	this.$refs.addForm.resetFields()
   })
   

   2.3 在自定义验证规则时, select下拉框的验证样式可能会出现问题, 设置trigger:[ "blur","change"]可能会有效

   trigger:[ "blur","change"]
   

3.出现原因: 当Dialog组件弹出时, 就会触发验证规则, 主要解决方法未知