如上圖所示，當給需要的表單加上校驗以后。當點擊 “添加新用戶” 的時候 會發現，有莫名其妙的校驗，明明沒有任何的操作。 其實這個就是 校驗的殘留。

---

處理方案

<div class="account-dialog"><el-dialog:title="iscreate?'創建新用戶':'修改用戶信息'":visible.sync="dialogActionFormVisible"><AccountCreatev-if="iscreate":iscreate="iscreate":action-form-data="createActionForm":visable="dialogActionFormVisible"@closeDialogAction="dialogActionFormVisible=false"/><AccountCreatev-else:iscreate="iscreate":action-form-data="actionFormData":visable="dialogActionFormVisible"@closeDialogAction="dialogActionFormVisible=false"/></el-dialog></div>

如上圖所示：
（1）:visable="dialogActionFormVisible" 綁定顯示掩藏到子組件
（2）在子組件內 進行監聽，將表單進行重置

watch: {visable(val) {if (val) {this.$refs['accountForm'].resetFields()}}},

如此 便可以 實現element 驗證提示語(殘留)清除

總結

以上是生活随笔為你收集整理的清除element残留表单校验的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。