關於element在vue中的使用--form表單清空驗證


情景:在彈框中使用element表單。

問題:表單先回顯后表單不清空

描述及原因:在初次打開彈框新增表單內容時,表單驗證方法resetFields()是可以使用的,但是在如果頁面是先回顯數據時,如果使用該方法,表單就不會清空,后來觀察了一下,是這個方法雖然不能清空,但是再修改后會重置到最初賦值狀態,百度了一下,發現數據綁定在dom上是發生在mounted中的,而我們在定義數據時是發生在created時綁定的數據,所以重置時會重置到賦值的階段。

解決方法:

1>this.$nextTick()將賦值操作放到dom渲染結束之后

2>我們需要清空表單時,調用初始化方法,這個方法用來初始需要賦值為空的表單。

顯然第一種方法比較簡便

參考鏈接:https://www.jianshu.com/p/21904d061007


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM