1. 程式人生 > >element-ui中利用resetFields()清空表單時的坑

element-ui中利用resetFields()清空表單時的坑

先上圖:

在使用的過程中:

1. model中的欄位要和ref中的欄位對應上,model中的欄位也就是v-model中監聽的物件的欄位。

2. prop中的欄位要和v-model中的欄位對應上,這個四個欄位都是為了做驗證或重置使用

使用resetFields()應注意的:

1. resetFields()只是重置,重置為初始值。

2. 這個初始值是在form表單created時確定的,如果在created的時候賦值了,

    那麼在以後的重置的時候都不會重置為空字串。 

3. 在進行編輯的時候需要在開啟form表單的時候對輸入框賦值,那麼賦值動作就是在created的時候進行的,

    那麼在以後重置的時候都不會重置為空字串了。

    解決辦法:利用this.$nextTick()將賦值操作放到dom渲染結束之後