Nuxt + Vuetify Cannot read property 'email' of null`

Question

I get an error when trying the v-model two way binding on the Vuetify v-text-field in Nuxt. I don't know why I get a TypeError: Cannot read property 'email' of null as soon as the text field gets an input.

Could someone please explain me what I'm doing wrong here because I really don't understand ?

Answer 1

You are using this.email and this.message inside brackets in this v-window-item

<v-window-item :value="3">
 <v-card-text>
    <h3 v-if="email">
      Your mail address : <a>{{ this.email }}</a>
    </h3>
    <!-- throws error -->
    <p v-if="message">{{ this.message }}</p>
    <!-- also throws error -->
  </v-card-text>
</v-window-item>

You have to use email and message instead.