1. En el-table, elimine una fila sola
<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. Método
const delete = function(index: number,row:any) {
this.$prompt('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(({ value }) => {
//执行删除方法
//...........
this.tabledata.splice(index, 1)
}).catch(() => {
this.$message({
type: 'info',
message: '取消输入'
});
});
}
Esto permite la eliminación oportuna de datos en caso de que realmente los elimine, y sin actualizar o volver a invocar la consulta.