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

server/2024/11/24 18:55:32/

实现效果:

代码如下:

在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/server/144613.html

相关文章

【linux】(17)压缩和解压

tar tar 是一个用于创建、维护、修改和解压缩存档文件的 Linux 命令。tar 常常用于备份文件或者将多个文件打包成一个文件以便于传输或存储。以下是 tar 命令的详细教程&#xff0c;包括常用选项和示例&#xff1a; 基本语法 tar [选项] [文件或目录]常用选项 -c&#xff1…

Redis配置主从架构、集群架构模式 redis主从架构配置 redis主从配置 redis主从架构 redis集群配置

Redis配置主从架构、集群架构模式 redis主从架构配置 redis主从配置 redis主从架构 redis集群配置 1、主从模式1.1、主节点配置1.2、从节点配置1.3、测试 2、集群模式 1、主从模式 1.1、主节点配置 # 监听所有网络接口 bind 0.0.0.0# cluster-enabled表示为集群模式&#xff…

快速入门消息队列MQ、RabbitMQ

目录 一、MQ简介 1.同步调用 2.异步调用 3.技术选型 二、RabbitMQ 1.安装 2.控制台的使用说明 2.1交换机 2.2队列​编辑 2.3绑定关系 3.AMQP 3.1快速入门 3.2WorkQueues模型 3.3交换机 3.3.1 Fanout交换机 3.3.2 Direct交换机 3.3.3 Topic交换机 3.4 声明交换机…

钉钉免登录接口

查阅钉钉提供的开发文档&#xff0c;发现了三种免登录API接口 当然&#xff0c;在使用之前还是要先下载钉钉对应的依赖包 dingtalk-jsapi&#xff0c;并在页面内引入 1. dd.requestAuthCode dd.requestAuthCode({corpId: config.corpId,clientId: config.clientId,onSuccess…

自动化立体仓库:详解

导语 大家好&#xff0c;我是社长&#xff0c;老K。专注分享智能制造和智能仓储物流等内容。 新书《智能物流系统构成与技术实践》人俱乐部 完整版文件和更多学习资料&#xff0c;请球友到知识星球【智能仓储物流技术研习社】自行下载。 自动化立体仓库&#xff08;Automated S…

获取毫秒级系统时钟

一 引言 有时候&#xff0c;在windows程序中&#xff0c;需要高精度的时间&#xff0c;比如ms级。 这时&#xff0c;可以使用GetTickCount函数。 二 做法 调用函数需包含windows.h。得到的是系统运行的时间&#xff0c;精确到毫秒&#xff0c;测试程序如下&#xff1a; #i…

BUUCTF—Reverse—reverse1(2)

拿到exe文件先查下信息&#xff0c;是一个64位程序&#xff0c;没有加壳 &#xff08;壳是对代码的加密&#xff0c;起混淆保护的作用&#xff0c;一般用来阻止逆向&#xff09;。 然后拖进IDA(64位)进行反汇编 一般来说&#xff0c;先查看一下字符串&#xff0c;简单的题目会…

next build报错bash: next: command not found

相关背景&#xff1a;我有个next.js项目&#xff08;第一次使用next.js框架&#xff09;&#xff0c;想构建一下&#xff0c;发现报错了&#xff0c;没有该命令。 &#xff08;ps&#xff1a;我测试用的是&#xff1a;yarn dev&#xff09; 然后我用everything全局搜了下 next…