vue 子组件如何同步更改并更新父组件传递的数组(在不使用 vuex 的情况下)

vue 子组件如何同步更改并更新父组件传递的数组(在不使用 vuex 的情况下)
父组件:
image.png

table 组件:

image.png

阅读 4.9k
2 个回答

不太理解真实需求,看一下官方sync修饰符

看你的需求是想在 table 组件内,可以更新父组件的 dataSource
很简单:

子组件:

data: {
  return {
    // data 里 初始化一个变量 list,值是 dataSource, 组件内部需要用 dataSource 的地方用 list 代替 
    list: this.dataSource
  }
},
watch: {
  list: function(newValue) {
    this.$emit('update:dataSource', newValue);
  }
}
推荐问题