...

問題描述： 如圖，當編輯和添加用的同一個彈出框時，input框里的表單驗證會相互影響。在編輯框中輸入了不符合驗證規則的內容時會出現錯誤提示，這時如果直接關閉彈窗，那么在打開添加人員的彈窗時，即使將表單中的內容都手動清空了，剛剛的校驗提示語也依然會存在。 解決方法 ...

的cancel方法中寫上重置表單的方法即可，例 后來發現重置表單清除校驗有另一種更為簡便 ...

this.$refs['activityForm'].resetFields(); 只會重置之前表單的內容，並不會清空 只需在關閉彈框的cancel方法中寫上重置表單的方法即可 若首先編輯，會初始化值，再新增resetFields無效，需做如下處 ...

表單頁面每次沒有點擊提交按鈕就觸發了，每次進入頁面就有一個紅色框框標滿錯誤提示： 原因： data數據加載以后 - dom加載好 - ajax從后台api接口拉取數據回來，更新了data.form觸發了表單校驗 處理方式； 在ajax數據加載以后：（不要在mounted里面，因為執行順序 ...

出現問題的現象： 1.打開彈窗，輸入為空，點擊確定，會有不能為空的提示 2.關閉彈窗，再次打開彈窗，之前的提示消息還在 解決，看了該博主的方法： https://w ...

1.規則 使用rules屬性定義規則 注： 一定要在 el-form-item 上使用prop，否則驗證不起作用 常用規則： type：指示type要使用的驗證器 ...

必須注意巨坑：el-form-item上的prop要和 v-model的值名字相同，否則會無效 一、文本框、多選校驗 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width ...