close
這陣子 vee-validate 更新至最新版本,有一些判斷要重新改寫,剛好將一個需求補上
需求:有錯誤訊息在按下按鈕後畫面拉到錯誤訊息的地方
解法:
配合新版驗證需要判斷成功失敗的方式
在if else 的地方補上這段即可拉到錯誤訊息地方
this.$validator.validateAll().then((result) => {
if (result) {
// 欄位正確後續處理。
} else {
// 失敗畫面拉回有錯誤的欄位第一個
this.$el.querySelector('[data-vv-id="' + this.$validator.errors.items[0].id + '"]').scrollIntoView(false);
}
}
不了解的人可以 console.log 去查看 this.$el 和 this.$validator.errors.items[0].id
文章標籤
全站熱搜
留言列表