1.el-table内,单独删除一行
<el-table-column " label="操作" min-width="30">
<template #default="scope">
<el-button @click.prevent="delete(scope.$index,scope.row)" type="danger" size="small" > 删除</el-button>
</template>
</el-table-column>
2.方法
const delete = function(index: number,row:any) {
this.$prompt('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(({ value }) => {
//执行删除方法
//...........
this.tabledata.splice(index, 1)
}).catch(() => {
this.$message({
type: 'info',
message: '取消输入'
});
});
}
这样在你实际删除了数据的情况下,并且没有刷新或重新调用查询,实现了数据的及时删除。