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;
	},
}
相关推荐
我看刑2 小时前
【已解决】el-table 前端分页多选、跨页全选等
前端·vue·element
我会一直在的2 小时前
Fiddler基础使用介绍
前端·测试工具·fiddler
小明记账簿2 小时前
前端文件流下载方法封装
前端
IT_陈寒2 小时前
Vite 5大优化技巧:让你的构建速度飙升50%,开发者都在偷偷用!
前端·人工智能·后端
CodeCraft Studio2 小时前
Vaadin 25 正式发布:回归标准Java Web,让企业级开发更简单、更高效
java·开发语言·前端·vaadin·java web 框架·纯java前端框架·企业级java ui框架
Shirley~~2 小时前
PPTist 幻灯片工具栏Toolbar部分
开发语言·前端·javascript
|晴 天|2 小时前
Promise 与 async/await 错误处理最佳实践指南
开发语言·前端·javascript
苹果电脑的鑫鑫2 小时前
.eslintrc.js这个文件作用
开发语言·javascript·ecmascript
vx_bisheyuange2 小时前
基于SpringBoot的便利店信息管理系统
前端·javascript·vue.js·毕业设计