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);