element表格勾选获取序号_element-plus 表格获取当前选中的序号-优快云博客

本文介绍如何在Element UI的表格组件中实现通过勾选获取原有序号的功能。提供了两种方法：一种是在初始化数据时为每条记录添加index属性；另一种是利用indexOf方法结合分页信息计算序号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

element表格勾选获取序号

如图，这里有一个需求是勾选某一项为其进行排序，首先需要将原来的序号回显，所以在element的勾选表格的操作中需要获得index值？
在这里插入图片描述

查了一下没有在官方文档找到类似于$index的方法，所以在获取表格数据的时候遍历了一次数据，为每一条数据添加了新的index对象键值：

     initData() {
            const params = {
                serviceid: '********',
                methodname: 'query',
                douYinAccountName: this.searchText,
                PageSize: this.page.PAGESIZE,
                CurrPage: this.page.CURRPAGE,
            };
            this.$axios.get('**********', { params: params }).then(res => {
                this.tableData = res.DATA;
                for (const i in this.tableData) {
                    this.tableData[i].index = i * 1 + 1 + (res.PAGER.CURRPAGE * 1 - 1) * (res.PAGER.PAGESIZE * 1);
                }
                this.page = res.PAGER;
            });
        },

方法2:
直接用indexOf来获取这一项在数组中的index然后加上页码以及页数、每页数来获取到序号：

     <TopButtons
            channel-name="CHNLNAME"
            :bind="false"
            :opa-list="opaList"
            :index="page.PAGESIZE * (page.CURRPAGE - 1) + tableData.indexOf(opaList[0]) + 1"
            :total="page.ITEMCOUNT"
            @newItem="editItem"
            @sortCallback="sortCallback"
        ></TopButtons>