當彈框增加與修改復用同一個彈框時(彈框與父界面在同一個頁面,並且將該頁面進行緩存),會出現上一次檢驗的提示
1 // 點擊打開彈框 2 operate(val, row) { 3 if (val != 'add') { // 修改 4 this.form = JSON.parse(JSON.stringify(row)); 5 } else { // 新增 6 // this.$nextTick 當數據更改完,dom更新完成,並且掛載完成,才會執行此函數 7 this.$nextTick(() => { 8 this.form = {}; // 清除表單中的值 9 this.$refs.ruleForm.resetFields(); // 對整個表單進行重置,將所有字段值重置為初始值並移除校驗結果 10 }) 11 } 12 this.type = val; 13 this.dialogShow = true; // 打開彈框 14 },
傳送門:clearValidate()和resetFields()清除表單校驗的區別