html 添加一列,type设置成'selection' ,点击全选后获取表格ref实例用forEach遍历调用实例中的toggleAllSelection()方法
<el-button class="all" @click="selectAll">全选</el-button>
<el-table
ref="table"
border
:data="tableData"
style="width: 100%"
@selection-change="selectChange"
>
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column
prop="name"
label="任务名称"
width="180"
/>
<el-table-column
prop="rwlx"
label="任务类型"
width="180"
/>
<el-table-column
prop="createTime"
label="开始时间"
/>
<el-table-column
prop="endTime"
label="结束时间"
/>
<el-table-column
prop="fqr"
label="发起人"
/>
<el-table-column
label="相关操作"
>
<template slot-scope="scope">
<el-button type="text">编辑</el-button>
<el-button type="text">删除</el-button>
</template>
</el-table-column>
</el-table>
JS部分
// 全选
selectAll() {
const row = this.$refs.table.data
row.forEach(row => {
this.$refs.table.toggleAllSelection(row)
})
},