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

爱吃烧鸭蛋的叶安2024-06-01 2:07

复制代码

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