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

#vue.js #vuejs2 #vee-validate

#vue.js #vuejs2 #vee-проверка

Вопрос:

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

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

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

Ответ №1:

Я не нахожу для этого никакого api vee-validate. Вот почему я должен исправить эту проблему, поступив таким образом.

 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">