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下标

相关推荐
昱禹6 分钟前
关于CSS Grid布局
前端·javascript·css
Tech_gis23 分钟前
C++ 观察者模式
开发语言·c++·观察者模式
卑微求AC23 分钟前
继电器原理及应用
c语言·开发语言·51单片机·嵌入式
曳渔29 分钟前
Java-数据结构-反射、枚举 |ू・ω・` )
java·开发语言·数据结构·算法
laocooon52385788630 分钟前
java 模拟多人聊天室,服务器与客户机
java·开发语言
风槐啊31 分钟前
六、Java 基础语法(下)
android·java·开发语言
就叫飞六吧1 小时前
vue2和vue3全面对比
前端·javascript·vue.js
网安老伯1 小时前
【2024版】最新kali linux入门及常用简单工具介绍(非常详细)零基础入门到精通,收藏这一篇就够了_kalilinux
linux·运维·服务器·开发语言·web安全·网络安全·xss
laocooon5238578861 小时前
java类的混搭,
java·开发语言
爱写代码的小朋友1 小时前
Python 中的高阶函数与闭包
开发语言·python