如何在 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));
})