el-table-column自动生成序号在序号前插入图标

news/2024/11/24 4:14:27/

实现效果:

代码如下:

在el-table里加入这个就可以了,需要拿到值可以用scope.$index

​​​​​​​<el-table-column type="index" label="序号" show-overflow-tooltip="true" min-width="40"><template #default="scope"><img src="../assets/main/1.png" />{{ scope.$index + 1 }}</template>
</el-table-column>

http://www.ppmy.cn/news/1549443.html

相关文章

在SpringBoot项目中集成MongoDB

文章目录 1. 准备工作2. 在SpringBoot项目中集成MongoDB2.1 引入依赖2.2 编写配置文件2.3 实体类 3. 测试4. 文档操作4.1 插入操作4.1.1 单次插入4.1.2 批量插入 4.2 查询操作4.2.1 根据id查询4.2.2 根据特定条件查询4.2.3 正则查询4.2.4 查询所有文档4.2.5 排序后返回 4.3 删除…

【技术开发】接口管理平台要用什么技术栈?推荐:Java+Vue3+Docker+MySQL

技术栈 【后端】Java&#xff0c;基于Spring Boot 3 MySQL Redis RabbitMQ Nacos Docker部署 【前端】基于vue3 typescript5.x element-plus2.8.x unocss0.5.x 访问管理后台&#xff08;演示环境&#xff09; 管理后台的地址是&#xff1a; http://java.test.yesapi.c…

Easyexcel(6-单元格合并)

相关文章链接 Easyexcel&#xff08;1-注解使用&#xff09;Easyexcel&#xff08;2-文件读取&#xff09;Easyexcel&#xff08;3-文件导出&#xff09;Easyexcel&#xff08;4-模板文件&#xff09;Easyexcel&#xff08;5-自定义列宽&#xff09;Easyexcel&#xff08;6-单…

智能文档处理百宝箱,文档处理的必备利器

1、引言 文档解析是开发者在业务实践中会频繁面临的场景&#xff0c;不管是用AI辅助日常工作&#xff0c;还是从事产品研发&#xff0c;从非结构化文本中提取文字、图片等信息具有很大的挑战。 目前市面上的文档解析工具普遍存在繁杂无序&#xff0c;缺乏统一评估标准&#xff…

【实操之 图像处理与百度api-python版本】

1 cgg带你建个工程 如图 不然你的pip baidu-aip 用不了 先对图片进行一点处理 $ 灰度处理 $ 滤波处理 参考 import cv2 import os def preprocess_images(input_folder, output_folder):# 确保输出文件夹存在if not os.path.exists(output_folder):os.makedirs(output_fol…

JavaScript 中使用 POST 获取数据全解析

在 JavaScript 开发中&#xff0c;经常需要与服务器进行数据交互&#xff0c;而使用 POST 方法获取数据是其中重要的一环。本文将详细介绍在 JavaScript 中使用 POST 获取数据的多种方式及其相关要点&#xff0c;包括错误处理、实际应用场景以及优化和安全性等方面。 一、POST…

【Qt】QComboBox设置默认显示为空

需求 使用QComboBox&#xff0c;遇到一个小需求是&#xff0c;想要设置未点击出下拉列表时&#xff0c;内容显示为空。并且不想在下拉列表中添加一个空条目。 实现 使用setPlaceholderText()接口。我们先来看下帮助文档&#xff1a; 这里说的是&#xff0c;placeholderText是…

MySQL中索引全详解

第一部分&#xff1a;什么是索引 索引在数据库中就像书的目录&#xff0c;能够快速定位数据位置&#xff0c;从而提升查询效率。没有索引时&#xff0c;数据库查询需要从头到尾扫描整个表&#xff08;称为全表扫描&#xff09;&#xff0c;这在数据量大时非常耗时。有了索引后&…