Bootstrap

vue学习day3(记录学习难点)删除el-table静态数据以及批量删除

需求:

  1. 删除选中对应行数据
  2. 删除多选框中所有数据

实现:

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
;