這陣子 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

 

查看原文 >>