表單數(shù)據(jù)進(jìn)行清空后,出現(xiàn)表單rules規(guī)則自動(dòng)驗(yàn)證提示
點(diǎn)擊編輯茧彤,再操作新增狮鸭,觸發(fā)了select的change規(guī)則
經(jīng)了解:
可以使用v-if動(dòng)態(tài)銷(xiāo)毀饰剥,消耗性能
使用官網(wǎng)介紹的clearValidate方法(推薦)
有網(wǎng)友遇到說(shuō):clearValidate對(duì)change規(guī)則不生效
經(jīng)測(cè)試忠荞,更新版本后是可以解決change規(guī)則自動(dòng)觸發(fā)的問(wèn)題
//清除表單內(nèi)所有規(guī)則檢測(cè)提示
this.$refs['ruleForm'].clearValidate();
//可清除特定屬性
this.$refs['ruleForm'].clearValidate('name');
如有需要記得使用nextTick方法蒋歌,在彈框展示出來(lái)之前,JS執(zhí)行完了所以沒(méi)生效委煤,此方法會(huì)在DOM更新后的回調(diào)中執(zhí)行
this.newVersionBool = true;
// 清除自動(dòng)觸發(fā)的表單驗(yàn)證
this.$nextTick(()=>{
this.$refs['ruleForm'].clearValidate();
})
保存堂油,操作正常!
————————————————
版權(quán)聲明:本文為CSDN博主「年三十」的原創(chuàng)文章素标,遵循 CC 4.0 BY-SA 版權(quán)協(xié)議称诗,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_35603476/article/details/101363964