Vue 无法读取未定义的属性 - 嵌套对象访问

Question

Vue 在控制台中抛出“无法读取未定义的属性（属性名称）”的错误。我试过使用 v-if 但仍然出现错误。对象似乎不存在或无法像我定义的那样访问，但我不知道为什么？

Vue 中定义的对象：

customerData:{
     address:{
          firstName:'',
          lastName:''
          }
     }

HTML

 <div v-if="customerData.address.firstName">
      <input  v-model="customerData.address.firstName">
 </div>

我错过了什么？

Answer 1

看起来您在指令绑定中引用了 data 选项，我认为您应该这样做：

<div >
  <input  v-model="address.firstName">
</div>