首先貼一下代碼
1.實現效果
2.相關代碼
3.如何實現及注意事項
第一：給表單添加ref屬性
第二：表單項el-form-item要添加prop屬性，prop屬性需要與input框綁定數據的最后名稱一致，如v-model="form.enName", prop則應該為 prop="enName"
第三：在關閉事件中，寫this.$refs.xxx.resetFields(); <此處xxx為form內ref屬性起的名字，我這里是ref=“roleform”>
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
Vue、element-ui的resetFields()方法重置表單無效問題及解決辦法
Vue、element-ui的resetFields()方法重置表單無效問題及解決辦法
vue+element-ui this.$refs['form'].resetFields()方法重置表單無效的坑
Element-UI Form表單 resetFields() 重置表單無效問題
Element Plus表單resetFields重置表單無效
Element form表單方法resetFields無效
vue+element ui this.$refs.xxx.resetFields() 重置表單數據不生效問題
element UI重置表單無效怎么解決？
vue + elementui form resetFields方法 無法重置表單
vue 中element-ui的表單重置