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>
相关推荐
前端小小王20 分钟前
React Hooks
前端·javascript·react.js
迷途小码农零零发30 分钟前
react中使用ResizeObserver来观察元素的size变化
前端·javascript·react.js
娃哈哈哈哈呀1 小时前
vue中的css深度选择器v-deep 配合!important
前端·css·vue.js
Java Fans1 小时前
C# 中串口读取问题及解决方案
开发语言·c#
盛派网络小助手1 小时前
微信 SDK 更新 Sample,NCF 文档和模板更新,更多更新日志,欢迎解锁
开发语言·人工智能·后端·架构·c#
码农君莫笑1 小时前
信管通低代码信息管理系统应用平台
linux·数据库·windows·低代码·c#·.net·visual studio
旭东怪1 小时前
EasyPoi 使用$fe:模板语法生成Word动态行
java·前端·word
yg_小小程序员2 小时前
vue3中使用vuedraggable实现拖拽
typescript·vue
鲤籽鲲2 小时前
C# Random 随机数 全面解析
android·java·c#
ekskef_sef3 小时前
32岁前端干了8年,是继续做前端开发,还是转其它工作
前端