有大佬解下element - table吗?

组件1. table1 里面有个插槽

<el-table>
    <slot></slot>
</el-table>

组件2 table2 调用了table1组件

<div>1</div>
<div>2</div>
<table1>
    <template>
       <slot></slot>
    </template>
</table1>
<div>3</div>

页面 调用了table2,并且把table1放在了table2中的插槽里面

<table2>
  <table1></table1>
</table2>

image.png

目的是实现联动全选与全不选。

目前的思路是
1 。 点击全选时 , 获取外层table的ref, 使用toggleAllSelection()实现了全选与全不选,
2 . 那么循环遍历每一行,根据每一行的索引获取内层table的动态ref,再使用toggleAllSelection()实现全选/全不选。 比如table0-9, 那么 this.$refs[table{this.index}]

遇到的问题:
因为内层table是插槽形式, 作用域只有对内层table做操作时才能获取到this.$refs,

image.pngimage.png

image.pngimage.png

要如何才能实现想要的效果

阅读 1.2k
1 个回答

之前做过一个类似的功能,外层勾选后,可以在折叠展开时候在进行是否勾选判断,el-table表格有提供对应的折叠展开是事件

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