有大佬解下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>
目的是实现联动全选与全不选。
目前的思路是
1 。 点击全选时 , 获取外层table
的ref, 使用toggleAllSelection()
实现了全选与全不选,
2 . 那么循环遍历每一行,根据每一行的索引获取内层table
的动态ref,再使用toggleAllSelection()
实现全选/全不选。 比如table0-9
, 那么 this.$refs[table{this.index}
]
遇到的问题:
因为内层table
是插槽形式, 作用域只有对内层table
做操作时才能获取到this.$refs
,
要如何才能实现想要的效果
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
之前做过一个类似的功能,外层勾选后,可以在折叠展开时候在进行是否勾选判断,el-table表格有提供对应的折叠展开是事件