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, } }, 会在检测到事件时更改。

编辑：

{{1}}

Answer 1

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

尝试一下。

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