1第一步

  <el-table-column label="操作" width="180" align="center"><template slot-scope="scope"><el-buttontype="text"icon="el-icon-edit"@click="handleEdit(scope.$index, scope.row)">编辑</el-button><el-buttontype="text"icon="el-icon-delete"class="red"@click="handleDelete(scope.$index, scope.row)">删除</el-button></template>

2点击删除按钮

 // 删除操作handleDelete(index, row) {// 二次确认删除this.$confirm('确定要删除吗？', '提示', {type: 'warning'}).then(() => {this.$message.success('删除成功');this.tableData.splice(index, 1);}).catch(() => {});},```
3功能演示
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201129200140700.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM5MjQ4OQ==,size_16,color_FFFFFF,t_70)