技术栈

element el-table表格 添加唯一标识

莫物2025-12-20 12:32

需求:

在表格添加一个index属性来操作表格

解决方案:

在表格上面添加:row-class-name,通过这个方法为每一行设置index

实现:

html 复制代码
<el-table :data="tableData" border style="width: 100%" :row-class-name="tableRowClassName">
</el-table>
javascript 复制代码
methods: {
	//row-class-name添加下标
	tableRowClassName(row, index) {
	    row.row.index = row.rowIndex;
	},
}
上一篇:基于时序数据的异常预测——短期容量与拥塞的提前感知
下一篇:Spring Framework源码解析——RequestContext
相关推荐
guhy fighting
9 分钟前
new Map,Array.from,Object.entries的作用以及使用方法
开发语言·前端·javascript
大漠_w3cpluscom
9 分钟前
CSS 技巧:CSS 单位使用指南
前端
STATICHIT静砸
20 分钟前
了解Monorepo结构
前端
星光不问赶路人
32 分钟前
Node.js 如何判断入口文件:从 require.main 到 ES Module 实现
前端·node.js
Hello--_--World
42 分钟前
Vue2的 双端 diff算法 与 Vue3 的 快速diff 算法
前端·vue.js·算法
gongzemin
1 小时前
怎么在VS Code 调试vue2 源码
前端·vue.js
烟话6
1 小时前
Vue3响应式原理【通俗理解】
前端·javascript·vue.js
下北沢美食家
1 小时前
JavaScript面试题2
开发语言·javascript·ecmascript
浩星
1 小时前
electron系列5:深入理解Electron打包
前端·javascript·electron
热门推荐
01GitHub 镜像站点02一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛03OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程04AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南05VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)06实测!Gemma 4 成功跑在安卓手机上:离线 AI 助手终于来了07Oh My Codex 快速使用指南08CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南09【STM32】HAL库 CubeMX 教程 --- 通用定时器 TIM2 定时10MySQL表约束详解:8大核心约束实战指南