Vue 无法读取未定义的属性

2021-04-07

673

vue.js

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

Vue 中定义的对象为：

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

Html

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

我遗漏了什么？

1个回答

看起来您正在指令绑定中引用 data 选项，我认为您应该执行以下操作：

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

Boussadjra Brahim

2021-04-07