当前位置:   article > 正文

el-table 删除某行数据时 删除语句包含行号/序号_打印时候删除某一列el-table

打印时候删除某一列el-table

        el-table可展示每行数据的序号列,在点击删除按钮的时候,会获取到该行所有的数据值,但是要想删除时提示到具体的序号,如:“是否确认删除序号为1的数据项?”,我是这样写的:

  1. /** 删除按钮操作 */
  2. handleDelete(row) {
  3. // index用来存储该项数据的序号
  4. let index
  5. let data = JSON.parse(JSON.stringify(this.tableData))
  6. data.forEach((item, i) => {
  7. if(row.id == item.id) {
  8. index = i + 1
  9. }
  10. })
  11. const ids = row.id || this.ids;
  12. // 删除、批量删除时不同的提示语
  13. const word1 = "是否确认删除集装箱信息-序号为" + index + '的数据项?'
  14. const word2 = "是否确认删除勾选的" + this.ids.length + "条数据项?"
  15. this.$modal
  16. .confirm(row.id ? word1 : word2)
  17. .then(function () {
  18. return delContainerinfo(ids);
  19. })
  20. .then(() => {
  21. this.getList();
  22. this.$modal.msgSuccess("删除成功");
  23. })
  24. .catch(() => {});
  25. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/101011?site
推荐阅读
相关标签
  

闽ICP备14008679号