vue中如何同时让多个table切换选中状态

1.目前想要实现的功能是在页面加载完多个表格之后,将这几个表格全部默认全选。现在在每个table中都有设置好ref

clipboard.png

然后再created()中实现默认全选的逻辑

clipboard.png

但是实际上不能全部表格都全选,只有最后一个"vod_table"生效,且每次都是最后一个生效

clipboard.png

各位大神,求指教求指教

阅读 5.1k
2 个回答

绑定到同一个值了?

修改table对应的数据,vue需要一定的时间完成页面元素的渲染,在渲染完成前调用toggleAllSeciton是无效的。

建议把toggleAllSeciton的调用,放到nextTick的回调函数中,如:

Vue.nextTick(function () {
this.$refs.tableA.toggleAllSeciton()
this.$refs.tableB.toggleAllSeciton()
this.$refs.tableC.toggleAllSeciton()
})

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