IView Form表單 部分重置

2021-10-04 01:29:42 字數 700 閱讀 8152

在 iview 官網文件中,只給了這個 resetfileds 方法對整個表單進行重置

那麼如果想要只對某個或某幾個表單項進行重置,該怎麼辦呢?

檢視iview原始碼發現

它是對整個表單進行遍歷來執行重置操作的,所以這個fields屬性應該就是所有表單項的集合

我們列印看一下

可以看到這個fields屬性就是我們所有表單項的集合,其中每個表單項有乙個prop屬性,就是該項的key

現在我們就可以通過遍歷,拿到單個的表單項,然後執行resetfield()方法,對單個表單項進行重置了

// name: form表單的ref值

// key: 要重置的表單項的key值

resetfiled

(name, key)})

}

iview Form表單驗證思路整理

專案基本 如下 modal 和form結合實現需求 在form內,每個表單域由formitem組成,可包含的控制項有 input radio checkbox switch select slider datepicker timepicker cascader transfer inputnumb...

表單重置reset

最近一直在做各種頁面的 增刪改查 只是在做新增功能的時候,自己一直在使用 reset來清空form表單,原以為這樣子的清空方法是萬無一失的,可惜最終還是在進行 修改 操作完了之後再 新增 的時候,就會報錯,於是自己的解決方法便是在使用新增方法的時候,先把隱藏域傳過來的id刪掉,這樣才不會再程式執行過...

Vue BMS 重置表單

時間描述 2019 11 30 建檔資料管理頁面一般會有新增和修改兩個功能。為了使 簡潔,兩個功能使用的是同乙個對話方塊 問題在於 當先單擊 編輯 時,表單繫結的資料物件被替換成後台資料 關掉對話方塊,再單擊 新建 時,表單仍舊使用的是之前編輯時產生的資料。因此,需要在關閉對話方塊時,將表單的資料重...