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

Question

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

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

但是创建并尚未验证表单时，errors.count() return 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">