el-table可展示每行数据的序号列,在点击删除按钮的时候,会获取到该行所有的数据值,但是要想删除时提示到具体的序号,如:“是否确认删除序号为1的数据项?”,我是这样写的:
/** 删除按钮操作 */
handleDelete(row) {
// index用来存储该项数据的序号
let index
let data = JSON.parse(JSON.stringify(this.tableData))
data.forEach((item, i) => {
if(row.id == item.id) {
index = i + 1
}
})
const ids = row.id || this.ids;
// 删除、批量删除时不同的提示语
const word1 = "是否确认删除集装箱信息-序号为" + index + '的数据项?'
const word2 = "是否确认删除勾选的" + this.ids.length + "条数据项?"
this.$modal
.confirm(row.id ? word1 : word2)
.then(function () {
return delContainerinfo(ids);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},