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