情景:在彈框中使用element表單。
問題:表單先回顯后表單不清空
描述及原因:在初次打開彈框新增表單內容時,表單驗證方法resetFields()是可以使用的,但是在如果頁面是先回顯數據時,如果使用該方法,表單就不會清空,后來觀察了一下,是這個方法雖然不能清空,但是再修改后會重置到最初賦值狀態,百度了一下,發現數據綁定在dom上是發生在mounted中的,而我們在定義數據時是發生在created時綁定的數據,所以重置時會重置到賦值的階段。
解決方法:
1>this.$nextTick()將賦值操作放到dom渲染結束之后
2>我們需要清空表單時,調用初始化方法,這個方法用來初始需要賦值為空的表單。
顯然第一種方法比較簡便