在vue的中为elementUI的模板el-table外部添加动态删除按钮

由于在某些情况下，会使用模板生成表格，所以在column模板中type = selection时，不像在el-select-group中可以有明确的prop值可以判断、选取，所以平时要用ref = multipleTable来保证能取到模板生成的表格。
通过this.$refs.multipleTable.selection拿到表格中被勾选的行的数据，注意，此时拿到的是一个数组，完整保存了被勾选的行的所有数据，故而要做删除工作，要通过勾选的行的数据拿到关键的该行在表格原数据中的下标值，从而能够保证删除正确。我用的方法是双层遍历做比较，直接比较数据对象。
代码如下：
页面代码–>

<el-table :data="tabledata" style="width:100%"  ref="multipleTable">
   <el-table-column type