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

Question

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

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

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

Answer 1

我没有找到任何 vee 验证 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">

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

how check form is valid and disable submit button in vuejs2?

vue.js

vuejs2

vee-validate