element-ui 中的 el-form 組件自帶了驗證功能.當 表單初始化后,每次 賦值或進行 相應操作.就會觸發 表單自動驗證
在開發中,有一個不太友好的問題,就是 打開表單后,再打開 就會觸發自動校驗,報一片紅.
目前有兩種方案應對 :
1. 是 使用 v-if 控制表單,這樣 第二次點開后 表單 無值,也不會觸發表單自動校驗.
缺點 是 v-if 太消耗性能,頻繁使用 會導致 頁面崩潰.
2.是 使用 el-form 自帶的 方法 clearValidate 移除整個表單的校驗結果,見 element Form Methods
缺點 是 只對 blur 事件 起作用,change 事件不起作用
3.這個正在研究中,不算應對方案
在表單 賦值操作前 移除校驗規則,使 this.formRules = {},form 賦值后再加上 校驗規則
————————————————
原文鏈接：https://blog.csdn.net/weixin_42144379/article/details/97614962