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然后加上页码以及页数、每页数来获取到序号：

     <TopButtonschannel-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>

element表格勾选获取序号相关推荐

vue element el-table表格勾选求和 el-table 勾选获取表格某几列数据求和
vue element el-table 表格勾选获取几列数据求和 el-table表格勾选求和先看案例如下图所示:el-table 勾选后求出支付金额数据,计算出总金额数据. 我们来一步步分析方便 ...
Element 根据勾选导出Excel表格数据
1. npm安装依赖包 npm install vue-json-excel 2.项目入口文件引进注册并且使用 import JsonExcel from 'vue-json-excel'Vue.co ...
element ui表格勾选后勾选框置灰，不可再勾选
首先在 type="selection"的表格列里写上方法:selectable="checkSelectable" <el-table-column t ...
element 表格全选,，翻页选中取消相关效果
elementui的表格默认是没有所有数据选中的操作的,仅仅只是选中当前页的10条或者20条数据,因此我们需要自己手动加入一个全选操作的按钮.以此来将数据全部选中保存. 第一步操作思路:全选操作反过 ...
div获取第一个子节点jquery_【antd】Tree组件子节点不完全勾选获取父节点的值
注意⚠️:这篇文章适用于后台返回的树结构比较多的情况下,如果数据比较少的情况下,可以参考我的上一篇文章,操作起来比较简单我们在实际操作tree组件和后台交互的时候一般都是需要将父节点传过去,如图:点 ...
jQuery 表单提交衣服尺寸选择勾选获取value值-20130720
1.效果及功能说明表单提交制作各大商城衣服尺寸选择勾选效果,点击购物车提交勾选尺寸value值.一款简单实用的衣服尺寸选择勾选效果 2.实现原理通过查询当前的图片的id然后通过对应id找到在通过遍 ...
Element表格多选框
变量解释: selectResult: [] // 选中的表格的id数据 tableData: [] // 表格数据 backAllData: [] // 从后端接口获取的所有的id allCheck ...
flex 表格勾选后鼠标滚动会自动勾选_办公鼠里的BBA，罗技MX Anywhere 3鼠标开箱体验...
如果把罗技M905算作鼻祖的话,那么MX Anywhere系列到现在已经上市十一年了.作为高端无线办公鼠标的代表,办公外设里的BBA,罗技MX Anywhere系列的三大法宝也一直被延续,无界.优联. ...
flex 表格勾选后鼠标滚动会自动勾选_外设Show 篇四十五：办公鼠里的BBA做工如何，罗技MX Anywhere 3鼠标体验_鼠标...
2020-11-12 21:28:093点赞7收藏0评论如果把罗技M905算作鼻祖的话,那么MX Anywhere系列到现在已经上市十一年了.作为高端无线办公鼠标的代表,办公外设里的BBA,罗技MX ...

element表格勾选获取序号

element表格勾选获取序号

element表格勾选获取序号相关推荐

最新文章

热门文章