el-table 删除某行数据时 删除语句包含行号/序号

        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(() => {});
},

el-table 删除某行数据时 删除语句包含行号/序号_第1张图片

el-table 删除某行数据时 删除语句包含行号/序号_第2张图片

你可能感兴趣的:(JavaScript,vue.js,javascript)