需求:
- 删除选中对应行数据
- 删除多选框中所有数据
实现:
a.对应一行数据
需要拿到对应row里边的index,通过index索引删除对应数据
b.批量删除
获取复选框对应的编号,这是一个数组
通过判断length,是否启用批量删除按钮,最后进行删除 this.tableData.splice(ids, ids.length); //ids是复选框index组成的数组
代码
删除一条
<el-table-column label="操作" width="300" align="center">
<template slot-scope="scope">
<el-button type="text" size="small" @click="editposition(scope.row)">编辑</el-button>
<el-button type="text" size="small" @click="deletepositionRow(scope.$index, scope.row)" style="color: rgb(245, 108, 108)">删除</el-button>
</template