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>
相关推荐
练习前端两年半6 小时前
🚀 Vue3按钮组件Loading状态最佳实践:优雅的通用解决方案
前端·vue.js·element
1024小神6 小时前
vue3项目使用指令方式修改img标签的src地址
前端
sujiu6 小时前
CommonJS 原理与实现:手写一个极简的模块系统
前端
用户51681661458416 小时前
使用全能电子地图下载器MapTileDownloader 制作瓦片图层详细过程
前端·后端
拉不动的猪7 小时前
从底层逻辑和实用性来分析ref中的值为什么不能直接引用
前端·javascript·面试
1024小神7 小时前
tauri项目编译的时候,最后一步的时候内存溢出了?
前端
ONE_Gua7 小时前
Wireshark常用过滤规则
前端·后端·数据挖掘
enki08157 小时前
【CANN训练营】+开源之星+GitCode算子开发环境快速搭建手册
javascript·ecmascript·jquery
通往曙光的路上7 小时前
vue啊哈哈哈哈哈哈哈哈
前端·javascript·vue.js
fouryears_234177 小时前
如何将Vue 项目转换为 Android App(使用Capacitor)
android·前端·vue.js