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個屬性 文字和顯示時間。元件...