作者:萨尔塔的海角_749 | 来源:互联网 | 2023-08-26 14:54
现在我有一个带有2个按钮(创建,编辑)的列表页面
像这样:
Create
edit
然后在另一页AddEdit.vue
我已使用V模型绑定数据
像这样:
当我按Edit时,除SelectedUnit.address.addressLine1外,我可以绑定数据
如果我使用v-for,我可以为SelectedUnit.address.addressLine1绑定数据
问题是:当我使用V-作为编辑按钮时效果很好
但是当我按下create时,控制台中出现了很多错误,屏幕上没有任何内容
我认为问题在于您正在将new Object()
传递给editItem
方法。我假设您在该方法中分配了值SelectedUnit
,这会导致错误。
问题在于,这会将嵌套对象address
设置为undefined。因此,当您尝试从未定义的对象中读取addressLine1
时,它将引发错误。
我建议在edit方法内将SelectedUnit
设置为空白。像这样的东西。
this.SelectedUnit = {
address: {
addressLine1: '',...
},bedrooms: '',...
}