el-table分页后序号连续的两种方法

news/2024/10/22 16:44:36/

实现效果:

第一页排序到10,第二页的排序应从11开始

 

 

 实现方法一:

在el-table的序号列中使用template定义

<el-table><el-table-columnmin-width="10%"label="序号"><template slot-scope="scope"><span>{{(currentPage - 1) * pageSize + scope.$index + 1}}</span></template></el-table-column>
</el-table>

实现方法二:

在el-table的序号列中进行index的方法定义,本质上还是进行了当前页码数乘以每页条数后加1的操作。

<el-table-column label="序号" type="index" :index="indexAdd" width="50" />

在methods中:

indexAdd(index) {const page = this.pageParams.page // 当前页码const pagesize = this.pageParams.pagesize // 每页条数return index + 1 + (page - 1) * pagesize
}


http://www.ppmy.cn/news/1033723.html

相关文章

Scratch 之 制作超丝滑 FNF 推条

这个教程是不用画笔的&#xff0c;所以不用担心推条是最后一层了&#xff01; 导入素材 你以为真是这样吗&#xff1f;NO&#xff0c;NO&#xff0c;NO&#xff0c;其实是这样的 没错&#xff0c;中间是空的&#xff01;中间是空的&#xff01;中间是空的&#xff01;&#xf…

bigemap如何添加mapbox地图?

第一步 打开浏览器&#xff0c;找到你要访问的地图的URL地址&#xff0c;并且确认可以正常在浏览器中访问&#xff1b;浏览器中不能访问&#xff0c;同样也不能在软件中访问。 以下为常用地图源地址&#xff1a; 天地图&#xff1a; http://map.tianditu.gov.cn 包含&…

C++设计模式结构型之代理模式

一、概述 代理模式是一种结构型模式&#xff0c;在很多不同的场合具有广泛的分类和应用。其主要实现的思想是在客户端和真正要访问的对象之间引入一个 代理对象&#xff08;间接层&#xff09;&#xff0c;于是&#xff0c;以往客户端对真正对象的访问现在变成了通过代理对…

运行时报错“version `GLIBCXX_3.4.29‘ not found”底层原理分析

1、报错的现象 ./main: ./1.2/lib.so: version VERS_1.2 not found (required by ./main)&#xff08;1&#xff09;在linux中运行一些工具时&#xff0c;可能会遇到工具报错“依赖某个版本的库找不到”&#xff1b; &#xff08;2&#xff09;会报错是因为工具依赖某些动态库…

「网络」网络安全必须知道的19个知识分享

一、防火墙&#xff08;Firewall&#xff09; 定义&#xff1a;都知道防火墙是干什么用的&#xff0c;但我觉得需要特别提醒一下&#xff0c;防火墙抵御的是外部的攻击&#xff0c;并不能对内部的病毒 ( 如ARP病毒 ) 或攻击没什么太大作用。 功能 : 防火墙的功能主要是两个网…

arcgis pro3.0-3.0.1-3.0.2安装教程大全及安装包下载

一. 产品介绍&#xff1a; ArcGIS Pro 这一功能强大的单桌面 GIS 应用程序是一款功能丰富的软件&#xff0c;采用 ArcGIS Pro 用户社区提供的增强功能和创意进行开发。 ArcGIS Pro 支持 2D、3D 和 4D 模式下的数据可视化、高级分析和权威数据维护。 支持通过 Web GIS 在一系列 …

【Sklearn】基于朴素贝叶斯算法的数据分类预测(Excel可直接替换数据)

【Sklearn】基于朴素贝叶斯算法的数据分类预测(Excel可直接替换数据) 1.模型原理2.模型参数3.文件结构4.Excel数据5.下载地址6.完整代码7.运行结果1.模型原理 模型原理: 朴素贝叶斯分类是基于贝叶斯定理的一种分类方法。它假设特征之间相互独立(朴素性),从而简化计算过…

探究网络数据包的神奇世界:Wireshark提示的深层含义

Wireshark 是一款网络数据包分析工具,它可以帮助用户捕获和分析网络数据包,提供了丰富的网络数据包信息和统计数据。在 Wireshark 中,会有很多提示信息显示在数据包列表或详细信息窗口中: Wireshark 提示及含义 “Duplicate ACK”:表示TCP协议中的重复确认。这通常意味着网…