如何在 vee-validate 版本 3 上使用自定義規則驗證字段

Question

我想檢查查詢 API 的數據庫中用戶名的可用性。 與評估字段的規則相關的代碼是：

extend('exists', value => {
     apiService.checkUsername(value)
        .then(response => {
            response.data[0].username == value?true:false;
    })
        .catch(response => alert(response.message));
}, {
    immediate: false
}) 

我的問題是：錯誤消息顯示在 API 響應之前。 我想在回復后顯示它。 任何的想法？

Answer 1

從您的驗證函數返回承諾 - 然后 vee-validate 將等到它完成后再做進一步的事情。 我找不到任何參考資料，但我認為它應該有效。

extend('exists', value => {
     return apiService.checkUsername(value)
        .then(response =>
            response.data[0].username == value?true:false;
        )
        .catch(response => alert(response.message));
})