vue 父子组件使用sync双向绑定后,父组件的修改不会同步到子组件?

在父组件定义tableData并传给子组件,使用sync双向绑定:
:table-data.sync="tableData"

子组件接收:
vue 父子组件使用sync双向绑定后,父组件的修改不会同步到子组件?

并在子组件调接口更新tableData数据,使用:this.$emit('update:tableData', records)同步父组件数据,此时父组件能接收到数据。

但在父组件修改tableData不仅没有同步到子组件,而且马上会被子组件的tableData覆盖。多次尝试发现去掉sync就能达到想要的效果。

对了,子组件有这样一段代码不知道有没有影响:
vue 父子组件使用sync双向绑定后,父组件的修改不会同步到子组件?

有没有大佬能科普下发生了什么??谢谢


回答:

查看一下子组件内对于 value 值的操作。有可能子组件在 emit 的时候并不是新数据。


回答:

vue3中不再支持.sync 建议使用v-model

以上是 vue 父子组件使用sync双向绑定后,父组件的修改不会同步到子组件? 的全部内容, 来源链接: utcz.com/p/933228.html

回到顶部