element中table的selection-change监听改变的那条数据的下标

<el-table  ref="table" :loading="loading" :data="tableData" @selection-change="handleSelectionChange"></el-table>

当绑定方法selection-change,当选择项发生变化时会触发该事件

 // 多选框选中数据
        handleSelectionChange(selection) {
            console.log(selection,'selection')
        },

可以获得到选中行的所有信息,

当想要得到选中信息在原表格数据中的下标时,可变相在获取表格数据中添加每条数据的下标信息,这样在选中某条时就可以得到它在原来数据中排老几

this.tableData.forEach((item,i)=>{
                item.index = i+1
 })

在勾选打印时,就会得到index下标

相关推荐
Qter_Sean21 分钟前
自己动手写Qt Creator插件
开发语言·qt
何曾参静谧25 分钟前
「QT」文件类 之 QIODevice 输入输出设备类
开发语言·qt
老码沉思录1 小时前
写给初学者的React Native 全栈开发实战班
javascript·react native·react.js
我不当帕鲁谁当帕鲁1 小时前
arcgis for js实现FeatureLayer图层弹窗展示所有field字段
前端·javascript·arcgis
那一抹阳光多灿烂1 小时前
工程化实战内功修炼测试题
前端·javascript
爱吃生蚝的于勒1 小时前
C语言内存函数
c语言·开发语言·数据结构·c++·学习·算法
小白学大数据3 小时前
Python爬虫开发中的分析与方案制定
开发语言·c++·爬虫·python
冰芒猓4 小时前
SpringMVC数据校验、数据格式化处理、国际化设置
开发语言·maven
失落的香蕉4 小时前
C语言串讲-2之指针和结构体
java·c语言·开发语言
红中马喽4 小时前
JS学习日记(webAPI—DOM)
开发语言·前端·javascript·笔记·vscode·学习