Vue 實戰 6 rest 重置表單不生效原因

2022-07-02 03:33:10 字數 332 閱讀 4926

element 的 form 元件提供了表單驗證的功能,需要通過 rules 屬性傳入約定的驗證規則,並將 form-item 的 prop 屬性設定為需校驗的欄位名。

有兩點需要注意:

1.要有對應的 ref,且名字一致,表明重置哪個表單。

2.prop 設定的欄位名要和 v-model 繫結的欄位名一致,否則重置表單或進行自定義校驗規則時不會生效。

僅使用重置功能時具體校驗規則不必填,但要重置的字段一定要有對應的 prop

每次開啟表單的時候不要忘記初始化沒有顯示在頁面上的一些資料,如集合陣列等,因為沒有對應的prop所以不會被重置。

Vue實戰筆記

1 元件的屬性 例子 class hello props name demo title 我是title title是原生屬性,當inheritattrs為false時,原生屬性不顯示 2 事件 3 插槽 4 如何觸發元件的更新 vue在例項化的時候,會對data裡的資料進行getter和sette...

ES6中的rest引數

es6的新方法,引入rest引數 形式為.變數名 用於獲取函式的多餘引數,這樣就不需要arguments物件。function add values return sum add 2,5,3 10利用rest引數,可以向該函式傳入任意數目的引數 arguments function sortnumb...

vue彈窗外掛程式實戰

vue做移動端經常碰到彈窗的需求,這裡寫乙個功能簡單的vue彈窗 元件html結構,外層divposition fixed定位,內層div顯示彈窗內容 export default time data methods this.time hide popup.vue只有2個屬性 文字和顯示時間。元件...