功能介绍:对表格中的数据实现批量删除的功能。表格数据众多,利用分页组件进行分页显示,批量删除按钮在默认状态下是不可用的,当selection列有选中的数据时批量删除按钮可用。
示例代码:
<template>
<div>
<!--批量删除按钮-->
<el-button :disabled="isDisabled" type="danger" @click="multipleDelete">批量删除</el-button>
<!--表格-->
<el-table
:data="clientAllData.slice(sizePerPage*(currentPage-1),sizePerPage*currentPage)"
@selection-change="selectionChange">
<el-table-column type="selection" align="center"></el-table-column>
<!--有若干条 el-table-column -->
</el-table>
<!--分页-->
<el-pagination :page-size="sizePerPage" :total="clientAllData.length" @current-change="currentChange"></el-pagination>
<