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);
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题