當前位置:成語大全網 - 新華字典 - Vue中element-ui的resetFields()方法重置表單無效問題及解決辦法

Vue中element-ui的resetFields()方法重置表單無效問題及解決辦法

1.當新增和編輯都同用壹個彈窗實現的時候,此時無法達到清除表單的效果。

查看 官網地址 介紹, 註意:resetField()方法不是將表單重置為空,而是重置為初始值

而這個初始值是如何定義的呢?

我嘗試了壹下,初始值的定義應該為第壹次打開彈窗的值。換句話說,如果是打開新建的表單,那麽初始值就都為空,如果打開是編輯的彈窗表單,那麽初始值就為編輯的。(具體沒有看源碼深層次確定)

2.表單項el-form-item沒有添加prop屬性,prop屬性需要與input框綁定的屬性壹致

針對壹

我手動清空了壹下formData的數據。

註意點 ,清空不可以直接等於{}。我采取的方法為寫壹個公***的方法,遞歸將其屬性都賦值為null 或者 ""。如下方式不可取

那何時清空這個數據最合理呢?

我選擇在彈窗關閉的事件回調中清空。原因為點擊取消關閉彈框要清空,點擊確定完成操作要清空,點擊關閉要關閉並清空,點擊空白也是關閉彈窗並清空。所以選擇彈框的closed回調中清空數據。

針對二

檢查屬性對應的。確保書寫沒問題。