?

在我們點(diǎn)擊登錄按鈕，不應(yīng)該直接發(fā)起網(wǎng)絡(luò)請(qǐng)求，而是應(yīng)該對(duì)表單進(jìn)行預(yù)校驗(yàn)，檢驗(yàn)成功才會(huì)發(fā)送請(qǐng)求。

拿到表單引用對(duì)象，即可進(jìn)行對(duì)表單的校驗(yàn)。

首先，給登錄按鈕通過?@click?來綁定一個(gè)事件

下一步，在?methods?中添加?login?方法，validate函數(shù)參數(shù)為一個(gè)回調(diào)函數(shù)。該回調(diào)函數(shù)會(huì)在校驗(yàn)結(jié)束后被調(diào)用，并傳入兩個(gè)參數(shù)：是否校驗(yàn)成功和未通過校驗(yàn)的字段。若不傳入回調(diào)函數(shù)，則會(huì)返回一個(gè)?promise

此時(shí)，我們點(diǎn)擊登錄按鈕，查看是否進(jìn)行了預(yù)校驗(yàn)：

此時(shí)，按照之前的校驗(yàn)規(guī)則，是存在問題的。所以返回?false。我們來一個(gè)正確示例吧：

?

總結(jié)

以上是生活随笔為你收集整理的前端学习（2686）：重读vue电商网站7之登录预校验的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。