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

Question

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

Vue中定义的对象为：

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

html

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

我错过了什么？

标签： vue.js

Answer 1

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

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