有大佬解下element - table吗？

• Z时代
• 2024-02-18
• 分类：IT

组件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>

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

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

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

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

回答：

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

以上是 有大佬解下element - table吗？ 的全部内容， 来源链接： utcz.com/p/936057.html