有大佬解下element - table吗?

发布于 2022-09-13 01:17:30 字数 1209 浏览 23 评论 0

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

始于初秋 2022-09-20 01:17:30

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文