Element的表单验证规则，清空或填充数据如何避免自动触发

转自：https://blog.csdn.net/qq_35603476/article/details/101363964?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

表单数据进行清空后，出现表单rules规则自动验证提示

点击编辑，再操作新增，触发了select的change规则

经了解：

可以使用v-if动态销毁，消耗性能
使用官网介绍的clearValidate方法（推荐）
有网友遇到说：clearValidate对change规则不生效

经测试，更新版本后是可以解决change规则自动触发的问题

//清除表单内所有规则检测提示
this.$refs['ruleForm'].clearValidate(); 
//可清除特定属性
this.$refs['ruleForm'].clearValidate('name'); 

如有需要记得使用nextTick方法，在弹框展示出来之前，JS执行完了所以没生效，此方法会在DOM更新后的回调中执行

 this.newVersionBool = true;
 // 清除自动触发的表单验证
 this.$nextTick(()=>{
    this.$refs['ruleForm'].clearValidate();
 })

保存，操作正常！

————————————————
版权声明：本文为CSDN博主「年三十」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_35603476/article/details/101363964