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

需求:

在表格添加一个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;
	},
}
相关推荐
泯泷3 分钟前
从零构建寄存器式 JSVMP:实战教程导读
前端·javascript·算法
椰子皮啊16 分钟前
mediasoup+Vue3避坑指南:解决黑屏、闪屏、流绑定失效三大难题
vue.js·前端框架
叫我一声阿雷吧17 分钟前
JS 入门通关手册(24):Promise:从回调地狱到异步优雅写法
javascript·前端开发·promise·前端面试·异步编程·js进阶·js异步
开源盛世!!41 分钟前
3.19-3.21
linux·服务器·前端
必胜刻42 分钟前
AJAX 请求理解
前端·ajax·okhttp·前后端交互
小民AI实战笔记44 分钟前
NVM实战指南:高效管理你的Node.js环境
前端·node.js
www_stdio1 小时前
前端异步核心:Promise 从入门到吃透
前端
朱建伟1 小时前
大神尤雨溪再次出手,前端工具链整合--该文章是对vite plus官方README文档进行了翻译
前端·vite
vball1 小时前
宏观数据从哪里来?——主流宏观经济数据库与API全景
前端
zhensherlock1 小时前
Protocol Launcher 系列:Trae AI 编辑器的深度集成
javascript·人工智能·vscode·ai·typescript·编辑器·ai编程