最近开始使用vxe-table了,多记录,多积累
el-table动态删除当前行和vex-table动态删除当前行
主要说操作列
el-table通过scope.$index获取当前行索引
<el-table-column width="60" label="操作" align="center">
<template slot-scope="scope">
<el-button @click="delColunm(scope.$index)" type="text">删除</el-button>
</template>
</el-table-column>
vex-table通过rowIndex获取当前行索引
<vxe-column title="操作" width="100">
<template #default="{ row, column, rowIndex, columnIndex }">
<vxe-button type="text" @click="delColunm(rowIndex)">删除</vxe-button>
</template>
</vxe-column>
方法都是一样的
delColunm(index) {
this.tableData.splice(index, 1)
},