vue.js - 如何检查表单有效并禁用 vuejs2 中的提交按钮？

Question

我想使用 vee-validate 检查表单是否有效。我目前是这样做的:

<button type="submit" :disabled="errors.count()">

但是当表单创建但尚未验证时，errors.count() 返回 0，这意味着该按钮将保持启用状态，直到用户修改字段。有没有办法在开始时验证它？

Answer 1

我没有找到任何 vee-validate api。所以这就是为什么我必须通过这种方式解决这个问题。

Vue.component("form", {
    computed: { 
        isFormInvalid:function () {
           return this.errors.count() > 0 || !(Object.keys(this.fields).some(key => this.fields[key].dirty));
       }
    }
});

<button type="submit" :disabled="isFormInvalid">