Nuxt + Vuetify не может прочитать свойство 'email' of null`

Я получаю сообщение об ошибке при попытке v-model двусторонней привязки Vuetify v-text-field в Nuxt. Я не знаю, почему я получаю TypeError: Cannot read property 'email' of null, как только текстовое поле получает ввод.

Не мог бы кто-нибудь объяснить мне, что я делаю неправильно здесь, потому что я правда не понимаю?


input vue.js nuxt.js vuetify.js two-way-binding
person belgacea    schedule 20.10.2020    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы используете this.email и this.message в скобках в этом элементе v-window.

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

Вместо этого вы должны использовать email и message.

person tufonas    schedule 20.10.2020
comment
Большое тебе спасибо ! Не могли бы вы объяснить, почему он выдает ошибку только тогда, когда поле получает ввод? - person belgacea; 20.10.2020
comment
Поскольку вы использовали директиву v-if. Таким образом, ‹h3› и ‹p› не отображаются, если электронное письмо или сообщение пусто. - person tufonas; 20.10.2020