element 表單校驗與移除表單檢驗


操作:輸入框內容為空點擊確定,頁面顯示提示消息,如圖所示

 

Form 組件提供了表單驗證的功能,只需要通過 rules 屬性傳入約定的驗證規則,並將 Form-Item 的 prop 屬性設置為需校驗的字段名即可

1、傳入rules屬性,ref注冊引用信息,【確定】按鈕注冊監聽事件

2、data里面制定rules規則

3、點擊確定按鈕,執行校驗方法

ref用於注冊對元素或子組件的引用,引用信息將會注冊在父組件的 $refs 對象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子組件上,引用就指向組件實例

使用this.$refs 取得注冊的對象

validate,對整個表單進行校驗的方法,參數為一個回調函數。該回調函數會在校驗結束后被調用,並傳入兩個參數:是否校驗成功和未通過校驗的字段。若不傳入回調函數,則會返回一個 promise

4、移除校驗

再打開新建頁面時,移動之前的檢驗信息


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM