前端学习(2686):重读vue电商网站7之登录预校验
生活随笔
收集整理的這篇文章主要介紹了
前端学习(2686):重读vue电商网站7之登录预校验
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
在我們點擊登錄按鈕,不應該直接發起網絡請求,而是應該對表單進行預校驗,檢驗成功才會發送請求。
拿到表單引用對象,即可進行對表單的校驗。
首先,給登錄按鈕通過?@click?來綁定一個事件
下一步,在?methods?中添加?login?方法,validate函數參數為一個回調函數。該回調函數會在校驗結束后被調用,并傳入兩個參數:是否校驗成功和未通過校驗的字段。若不傳入回調函數,則會返回一個?promise
此時,我們點擊登錄按鈕,查看是否進行了預校驗:
此時,按照之前的校驗規則,是存在問題的。所以返回?false。我們來一個正確示例吧:
?
總結
以上是生活随笔為你收集整理的前端学习(2686):重读vue电商网站7之登录预校验的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前端学习(2628):node.js中L
- 下一篇: 前端学习(2684):重读vue电商网站