Перейти к следующему шагу vuetify после проверки vuelidate - PullRequest
Новая
       24

Перейти к следующему шагу vuetify после проверки vuelidate

0 голосов
/ 05 октября 2019

Я закодировал форму vuetify с помощью степперов, когда я хочу проверить поля с помощью vuelidate, я не могу перейти к следующему шагу. 

<v-stepper-items>
            <v-stepper-content step="1">
              <v-form
                ref="owner_form"
                v-model="valid"
                class="px-3"
                @submit.prevent="submit"
              >
                <v-text-field
                  v-model="first_name"
                  label="First Name"
                  :error-messages="nameErrors"
                  @input="$v.name.$touch()"
                  @blur="$v.name.$touch()"
                  required
                ></v-text-field>

               </v-form>

              <v-btn color="primary" @click="submit" type="submit">
                Continue
              </v-btn>

О коде JavaScript: 

 data: () => ({
    //counter of stepper
    e1: 0,
}),
computed: {
    nameErrors() {
      const errors = [];
      if (!this.$v.first_name.$dirty) return errors;
      !this.$v.first_name.required && errors.push("Name is required.");
      return errors;
    }
  },
methods: {
submit() {
      this.$v.$touch();
      if (this.$v.$error) return;
      // to form submit after this
      alert("Form submitted");
      console.log("e1 is: " + this.e1);
      this.e1 = 2;
    }
}

Когда я спрашиваю vuelidate, что поле first_name не содержит ошибок, оно может перейти к шагу 2, но ничего не происходит

...