添加一个批量删除按钮, multipleSelection.length === 0用来判断是否点击选择,如果没有选中任意一项,那么批量删除按钮不可点击,选择数据之后,才可以进行数据的批量删除
<el-button
type="danger"
icon="el-icon-delete"
@click="delAll"
:disabled="multipleSelection.length === 0"
style="margin-left:15px;" >
批量删除
</el-button>
想要获取不同页的数据进行操作,利用reserve-selection,需要注意的是使用reserve-selection属性必须配合row-key(不然会报错)
<el-table
tooltip-effect="dark"
style="width: 100%"
v-loading="listLoading"
:data="datalist"
@selection-change="handleSelectionChange" //多选,当选择项发生变化时会触发该事件
@row-click="handleRowClick" //点击每行时触发事件
ref="handSelectTest_multipleTable" //添加属性
row-k