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

2023-12-05

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

el-table 删除某行数据时 删除语句包含行号/序号 的相关文章

随机推荐

  • 2023 年,网络安全领域有哪些令人印象深刻的大事件?

    一 美国医疗设备巨头遭到网络攻击 100万人敏感信息被泄露 医疗设备制造商ZOLL表示 1月份的一次网络攻击暴露了超过100万人的敏感信息 在提供给缅因州总检察长的文件中表明 事件始于1月28日 当时他们在其内部网络上 检测到异常活动 可能
  • Python Rich模块:打造绚丽多彩的命令行界面

    概要 在Python编程领域 命令行界面是开发者经常接触的环境之一 然而 传统的命令行界面通常只能呈现简单的文本信息 难以展现丰富的数据和交互效果 幸运的是 有一款名为Rich的Python模块 它能够让我们在命令行界面中创建出绚丽多彩的图
  • 无尘车间装修设计方案

    无尘车间是工业生产中非常重要的一个环节 它能够提供高度洁净的生产环境 保证产品在生产过程中的质量和安全性 因此 无尘车间的装修设计方案对于其使用效果和性能具有至关重要的影响 SICOLAB喜格 将详细介绍无尘车间的装修设计方案 包括设计原则
  • 苍穹分页查询

    controller 员工分页查询 employeeDTO return GetMapping page ApiOperation 员工分页查询 public Result
  • 基于知识图谱的推荐系统设计与优化

    随着互联网的快速发展 推荐系统在各个领域中扮演着重要的角色 然而 传统的推荐系统往往只基于用户行为数据进行推荐 忽略了用户的兴趣和需求之间的关联 为了解决这个问题 基于知识图谱的推荐系统应运而生 本文将探讨基于知识图谱的推荐系统的设计与优化
  • 扩展Spring MVC框架的消息转换器

    扩展Spring MVC框架的消息转换器 param Override protected void extendMessageConverters List
  • nodejs+vue+elementui咖啡商城销售系统qi99g

    现如今 咖啡在线销售是商业贸易中的一条非常重要的途径 可以把其从传统的实体模式中解放中来 网上销售可以为消费者提供巨大的便利 通过咖啡在线销售这个平台 可以使用户足不出户就可以了解现今的咖啡信息 为用户提供了极大的方便 咖啡在线销售的主要功
  • 怎么把视频字幕提取成文本?亲测好用的方法分享

    你是否曾经遇到过这样的问题 想要提取视频中的字幕 却不知道该如何操作 别担心 现在有一些视频字幕提取软件 它们可以帮助我们轻松地提取视频中的字幕 无论是英文还是中文 视频字幕提取软件都可以准确地提取出视频中的字幕文本 并保存为文本文件或复制
  • 视频转文字的app哪个好用?亲测好用的软件分享

    想象一下 当你在观看视频讲座或教学资料时 你希望把老师讲解的重点内容记录下来 以便后续的回顾和整理 但是手动输入文字真的是太麻烦了 这时 视频转文字软件就派上了用场 你只需简单地将视频上传到软件中 它会立即将视频中的对话或讲解转化为文字形式
  • C#8.0本质论第十五章--支持标准查询操作的集合接口

    C 8 0本质论第十五章 支持标准查询操作的集合接口 集合在C 3 0中通过称为语言集成查询 Language Integrated Query LINQ 的一套编程API进行了大刀阔斧的改革 通过一系列扩展方法和Lambda表达式 LIN
  • 大数相乘,限制:不可用 BigInt

    大数相乘 限制 不可用 BigInt 大数相乘 限制 不可用 BigInt 例如 输入 a 11111111111111111111 b 22222222222222222222 返回 246913580246913580241975308
  • 140-基于stm32单片机智能晾衣杆控制系统Proteus仿真+源程序

    资料编号 140 一 功能介绍 1 采用stm32单片机 LCD1602显示屏 独立按键 DHT11传感器 ds1302时钟 光敏传感器 蜂鸣器 LED灯 制作一个基于stm32单片机智能晾衣杆控制系统Proteus仿真 2 通过光敏传感器
  • 通过mount命令挂载另一台linux服务器的目录到本机

    说明 本次操作的目的是将另一台机器 192 168 1 100 的 backup目录挂载到本机的新建目录 back 1 在被挂载目录的机器上开启NFS服务并编辑 etc exports文件 1 1 查看是否已安装nfs 查看知道已安装 rp
  • 使用docker切换任意版本cuda使用GPU

    1 现存问题 在主机上运行很多下载来的机器学习代码时 这些大都运行在不同版本的tensorflow gpu或者pytorch等的包下的 但是 运行代码的过程中 存在匹配的问题 1 不同的版本的tensorflow gpu或pytorch对c
  • 138-基于stm32单片机汽车多功能仪表盘显示系统Proteus仿真+源程序

    资料编号 138 一 功能介绍 1 采用stm32单片机 LCD1602显示屏 独立按键 DHT11传感器 ds1302时钟 LED灯 蜂鸣器 电位器 制作一个基于stm32单片机汽车多功能仪表盘显示系统Proteus仿真 2 通过DHT1
  • 【经典蓝牙 SSP协议介绍】

    协议定义 SSP Secure Simple Pairing 安全简单配对 协议目的 1 为用户简化配对过程 2 维护或提高蓝牙无线技术的安全性 安全性指两点目标 1 被动窃听保护 2 中间人 MITM 攻击保护 协议流程 下面说下我认为的
  • 133-基于stm32单片机停车场车位管理系统Proteus仿真+源程序

    资料编号 133 一 功能介绍 1 采用stm32单片机 4位数码管 独立按键 制作一个基于stm32单片机停车场车位管理系统Proteus仿真 2 通过按键进行模拟车辆进出 并且通过程序计算出当前的剩余车位数量 3 将剩余的车位数量显示到
  • 【网络安全】网络安全的标准和规范

    网络安全的标准和规范是网络安全领域的重要组成部分 它们为网络安全提供了技术依据 规定了网络安全的技术要求和操作方式 帮助我们构建安全的网络环境 下面 我们将详细介绍一些主要的网络安全标准和规范 以及它们在实际操作中的应用 一 ISO IEC
  • Elasticsearch-Kibana使用教程

    1 索引操作 1 1创建索引 PUT employee settings index refresh interval 1s number of shards 1 max result window 10000 number of repl
  • el-table 删除某行数据时 删除语句包含行号/序号

    el table可展示每行数据的序号列 在点击删除按钮的时候 会获取到该行所有的数据值 但是要想删除时提示到具体的序号 如 是否确认删除序号为1的数据项 我是这样写的 删除按钮操作 handleDelete row index用来存储该项数