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

实现效果:

代码如下:

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

c 复制代码
​​​​​​​<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>
相关推荐
花归去17 小时前
vue3中 function getText(){} 、 const getText=()=>{} ;区别在哪里,优缺点
javascript·vue.js·ecmascript
ZC跨境爬虫17 小时前
跟着 MDN 学 HTML day_33:(Attr 接口与属性节点的深入理解)
前端·javascript·ui·html·音视频·html5
神所夸赞的夏天17 小时前
如何获取多层json数据,存成dictionary,并取最大最小值
java·前端·json
红色的小鳄鱼17 小时前
前端面试js手写
开发语言·前端·javascript
焦糖玛奇朵婷17 小时前
健身房预约小程序开发、设计
java·大数据·服务器·前端·小程序
海盗123417 小时前
C#中的IEqualityComparer<T>使用
开发语言·c#
上海云盾王帅17 小时前
WEB业务如何接入安全防护:从零到一的实战指南
前端·安全
用户0595401744617 小时前
AI Agent记忆丢失踩坑实录:这个问题让我排查了3天
前端·css
web行路人18 小时前
前端对Commands(斜杠命令)一些常用
前端·javascript·vue.js·vue
当时只道寻常18 小时前
从零到一打造企业级全栈后台管理系统 —— 技术选型、工程化实践与深度思考
前端·全栈·前端工程化