Как проверить форму и отключить кнопку отправки в vuejs2?

Question

Я хочу проверить правильность формы, используя vee-validate. В настоящее время я делаю это так:

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

Но когда форма создана и еще не проверена, errors.count() return 0, означая, что кнопка остается активной, пока пользователь не изменит поле. Есть ли способ проверить это при запуске?

Answer 1

Я не нахожу ни одного vi-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">