技术栈

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

ZwaterZ2024-11-22 19:09

实现效果:

代码如下:

在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>
上一篇:linux6:常见命令介绍
下一篇:el-table表头前几列固定,后面几列根据接口返回的值不同展示不同
相关推荐
前端西瓜哥
几秒前
pixijs 的填充渲染错误,如何处理?
前端
snakeshe1010
1 分钟前
6-1. 实现 useState
前端
呆呆没有脑袋
3 分钟前
深入浅出 JavaScript 闭包:从核心概念到框架实践
前端
snakeshe1010
4 分钟前
用100行代码实现React useState钩子:多状态管理揭秘
前端
爱编程的喵
5 分钟前
JavaScript闭包深度解析:从作用域到实战应用
前端·javascript
ITfeib
6 分钟前
Flutter
开发语言·javascript·flutter
雪碧聊技术
1 小时前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
快起来别睡了
1 小时前
手写 Ajax 与 Promise:从底层原理到实际应用
前端
打不着的大喇叭
2 小时前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
无我Code
2 小时前
2025----前端个人年中总结
前端·年终总结·创业
热门推荐
01集群聊天服务器---MySQL数据库的建立02GPU 进阶笔记(二):华为昇腾 910B GPU03Coze扣子平台完整体验和实践(附国内和国际版对比)04使用Ruby接入实时行情API教程05Word粘贴时出现“运行时错误53,文件未找到:MathPage.WLL“的解决方案06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07Java学习第十五部分——MyBatis08扣子空间的使用教程与大模型技术思考09DeepSeek各版本说明与优缺点分析10基于odoo17的设计模式详解---装饰模式