element UI 多表單重置的時候的坑

2022-09-05 08:36:13 字數 584 閱讀 9272

問題細化一下是這樣的:

比如我有乙個用來修改資料的表單,第一條資料是,開啟表單後就有兩個輸入框分別填的是xixi和12,此時我修改xixi為haha,呼叫this.$refs.resetfields()後,該表單資料恢復為xixi和12,這是沒問題的。

現在我要修改第二條資料,開啟表單後將dog修改為cat,此時我再次呼叫this.$refs.resetfields(),表單資料理想情況應該被重置為,可是實際上會變成第一次傳入的資料,而理想的重置應該是重置為表單開啟後的資料,無論是第幾次被開啟。

也就是說:

對於增操作,這個resetfields()是有效的,因為每次重置的值都是空。

對於改操作,因為每條資料不同,每次重置需要回到的值不同,但是resetfields()只認第一次開啟表單後接收到的資料,這個功能就沒用了。

解決辦法:

現在我的解決辦法是,利用v-if的特性,進行form的銷毀和重建,強行讓每一次改操作拿到的資料為傳說中的初始值。

}}

提交重置}}

}

提交重置

elementUI的表單校驗

參考 使用 只需要通過rules屬性傳入約定的驗證規則,並將 form item 的prop屬性設定為需校驗的欄位名即可。校驗規則參見 async validator 1.在from表單上配置屬性rules 2.資料模型中編寫校驗規則 pageformrules templateid pagenam...

element UI 表單的使用

這裡就不貼 了,官網也差不多都有,就簡述一下這次所用所涉及的引數。1.在 form 元件中,每乙個表單域由乙個 form item 元件構成,表單域中可以放置各種型別的表單控制項,包括 input select checkbox radio switch datepicker timepicker。...

element ui表單驗證

可以在pattern中書寫正則,並且配合elementui進行表單驗證。pattern 屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式。rules message 以字母開頭,長度在2 5之間,只能包含字元 數字和下劃線 password message 只能輸入6 20個字母 數字 下劃線 ...