Nuxt + Vuetify 无法读取 null 的 属性 'email'

Question

在 Nuxt 的 Vuetify v-text-field 上尝试 v-model 双向绑定时出现错误。 我不知道为什么我一输入文本字段就得到 TypeError: Cannot read property 'email' of null。

有人能解释一下我做错了什么吗here因为我真的不明白？

Answer 1

您在此 v-window-item

中使用括号内的 this.email 和 this.message

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