当前位置: 首页> 健康> 科研 > element中table的selection-change监听改变的那条数据的下标

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

时间:2025/9/12 21:27:17来源:https://blog.csdn.net/c_qianxia5040/article/details/139348964 浏览次数:0次
<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下标
在这里插入图片描述

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: