轉(zhuǎn)自：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

表單數(shù)據(jù)進行清空后，出現(xiàn)表單rules規(guī)則自動驗證提示

點擊編輯，再操作新增，觸發(fā)了select的change規(guī)則

經(jīng)了解：

可以使用v-if動態(tài)銷毀，消耗性能
使用官網(wǎng)介紹的clearValidate方法（推薦）
有網(wǎng)友遇到說：clearValidate對change規(guī)則不生效

經(jīng)測試，更新版本后是可以解決change規(guī)則自動觸發(fā)的問題

//清除表單內(nèi)所有規(guī)則檢測提示
this.$refs['ruleForm'].clearValidate(); 
//可清除特定屬性
this.$refs['ruleForm'].clearValidate('name'); 

如有需要記得使用nextTick方法，在彈框展示出來之前，JS執(zhí)行完了所以沒生效，此方法會在DOM更新后的回調(diào)中執(zhí)行

 this.newVersionBool = true;
 // 清除自動觸發(fā)的表單驗證
 this.$nextTick(()=>{
    this.$refs['ruleForm'].clearValidate();
 })

保存，操作正常！

————————————————
版權(quán)聲明：本文為CSDN博主「年三十」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_35603476/article/details/101363964