Element table 获取所有选择的行。
2022-10-08 17:22:18
246
{{single.collect_count}}

目的: 获取表格中已选择的行,然后批量删除。

目前需要做一个多选删除的功能。 希望能获取所有已选择的行,查阅了文档,文档并没有相关的描述。网上的方法实现有很差劲,让你每次把选择的记起来。自己阅读源码,发现一句话就能搞定。在这里插入图片描述

重要代码片段。

在这里插入图片描述

通过 如下代码就能获取到已选择的行

// 这里的 multipleTable 是上面ref的值。 直接访问子组件实例上的属性。this.$refs.multipleTable.selection

ref 简介,引用自 官方文档

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:

详情链接 https://cn.vuejs.org/v2/api/#ref

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}