vue 中的数据绑定未更新

Question

我在页面的两个位置都有此代码(开机自检代码需要显示两次(：

<store-text-field
:store_id="clonedStore.id"
relation="address"
field="post_code"
@value-updated="postCodeUpdated"
:value="clonedStore.address.post_code"/>

在组件中，可以更改post_code，并通过value-updated事件将值传递回父级。

事件代码：

postCodeUpdated(value) {
console.log('post code updated to: ' + value)
this.clonedStore.address.post_code = value;
}

一切都工作正常，除了如果另一个组件更改了post_code，则第二个组件不会使用新值更新。

我希望该值在绑定到检测到事件时会更改this.clonedStore.address.post_code时会更改。

编辑：

data() {
return {
clonedStore: {
address: {
post_code: ''
}
},
showStoreNameInput: false,
}
},

Answer 1

这是一个反应性问题，您需要使用$set来设置值。

试试这个。

this.$set(this.clonedStore.address,'post_code',value)