操作:輸入框內容為空點擊確定,頁面顯示提示消息,如圖所示
Form 組件提供了表單驗證的功能,只需要通過 rules
屬性傳入約定的驗證規則,並將 Form-Item 的 prop
屬性設置為需校驗的字段名即可
1、傳入rules屬性,ref注冊引用信息,【確定】按鈕注冊監聽事件
2、data里面制定rules規則
3、點擊確定按鈕,執行校驗方法
ref
用於注冊對元素或子組件的引用,引用信息將會注冊在父組件的 $refs
對象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子組件上,引用就指向組件實例
使用this.$refs
取得注冊的對象
validate,對整個表單進行校驗的方法,參數為一個回調函數。該回調函數會在校驗結束后被調用,並傳入兩個參數:是否校驗成功和未通過校驗的字段。若不傳入回調函數,則會返回一個 promise
4、移除校驗
再打開新建頁面時,移動之前的檢驗信息
