element 表格无数据，获取相关表格数据从而进行批量删除等功能

一：表格无数据时相关操作

1:表格无数据时默认操作：

empty-text：空数据时显示的文本内容，默认为暂无数据，可以在表格里设置empty-text=“xxx”来改变默认的数据

 

2：通过slot="empty"来自定义无数据时显示的内容

<el-table-column></el-table-column>
         <!--暂无数据表示-->
        <div slot="empty" class="margin_60">
                                <p><img src="../../static/img/dianpu_mdpi.png"></p>
                                <p class="colorBlue margin_10">你还未发布任何资讯，快去发布资讯吧</p>
        </div>

 

二：批量删除：

事件名	说明	参数
select	当用户手动勾选数据行的 Checkbox 时触发的事件	selection, row
select-all	当用户手动勾选全选 Checkbox 时触发的事件	selection
selection-change	当选择项发生变化时会触发该事件	selection

<el-table :data="tableData" class="NewsC_table" @selection-change="handleSelectionChange" ref="multipleTable">

</el-table>

 

//方法

handleSelectionChange(val) {
                this.multipleSelection = val;//当选中多个时呈现数组格式，可根据相关id循环进行删除

}

console.log(this.multipleSelection);