Element table 当前页做选中批量操作。

           <div class="article-source-link2222">
                本文链接：<a href="https://blog.csdn.net/qq_36537108/article/details/89261394">https://blog.csdn.net/qq_36537108/article/details/89261394</a>
            </div>
        </span>
                </div>
                                                <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-3019150162.css">
                                    <div id="content_views" class="markdown_views prism-atom-one-dark">
                <!-- flowchart 箭头图标 勿删 -->
                <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                    <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                </svg>
                                        <p><strong>目的：</strong> 获取表格中已选择的行，然后批量删除。</p>

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

重要代码片段。

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

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

 
 

 
 
1
2

ref 简介，引用自 官方文档

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