title: Vuetify form validation errors after reset
body: <p>I have the following inside a component:</p>
  
  <pre><code>&lt;v-form v-model="valid" ref="form" class="px-3"&gt;
    &lt;v-text-field label="First Name" v-model="firstname" :rules="inputRules"&gt;&lt;/v-text-field&gt;
    &lt;v-text-field label="Last Name" v-model="lastname" :rules="inputRules"&gt;&lt;/v-text-field&gt;
    &lt;v-text-field label="Email" v-model="email"&gt;&lt;/v-text-field&gt;
    &lt;v-btn :loading="loading" flat class="success mx-0 mt-3" @click="submit"&gt;Create Person&lt;/v-btn&gt;
  &lt;/v-form&gt;
  </code></pre>
  
  <p>Script: </p>
  
  <pre><code>export default {
    data() {
      return {
        valid: true,
        firstname: '',
        lastname: '',
        email: '',
        loading: false,
        dialog: false,
        inputRules: [
          v =&gt; v.length &gt;= 2 || 'Minimum length is 2 characters'
        ]
      }
    },
    methods: {
      submit() {
        if(this.$refs.form.validate()) {
          this.loading = true;
  
          const person = {
            firstname: this.firstname,
            lastname: this.lastname,
            email: this.email
          };
  
          sendToMyDB(person).then(()=&gt;{
            this.loading = false;
            this.dialog = false;
            this.$refs.form.reset();
          })
        }
      }
    }
  }
  </code></pre>
  
  <p>So Im submitting the form data to my database then in the success promise Im using this.$refs.form.reset(); to reset my form.</p>
  
  <p>However, I am getting an error messages immediately and on each subsequent submit:</p>
  
  <blockquote>
    <p>"[Vue warn]: Error in nextTick: "TypeError: Cannot read property
    'length' of undefined"</p>
  </blockquote>
  
  <p>and</p>
  
  <blockquote>
    <p>TypeError: Cannot read property 'length' of undefined</p>
  </blockquote>