How to catch that there are no errors in VeeValidate on the fly and activate the button?

Question

Vue.js

Tell me how to catch an event on the fly in VeeValidate that all fields are filled and all checkboxes are checked?
I need to remove the class from the button, at the moment when everything is correct.

Answer 1

Computed

Answer 2

Did it like this:

computed: {
      isFormValid() {
        return Object.keys(this.fields)
          .every(key => this.fields[key] && this.fields[key].dirty && this.fields[key].valid);
      },
    }

Here we check that each field has been changed and is being validated