需求场景：

需求描述：如图所示，想要实现列表中排第一位向上的箭头隐藏，
列表中排最后一位向下的箭头隐藏

问题描述：

因为列表存在分页，数据不确定，所以不确定最后一位是否在第几页

代码实现：

html：

js：

    let newpage = Math.ceil(this.total/this.pageParams.page_size)if(this.pageParams.page_no == newpage && this.tableData && this.tableData.length){this.tableData[this.tableData.length-1].action = true}

解决方案：

1.后台返回的数据是有总条数的字段为：total
2.page_size为我们定义的每页有多少条（我这边是每页10条）
3.page_no 为页数
4. 我们通过调后台的接口拿到列表的数组（this.tableData = res.data.data ? res.data.data : [];）
5. 接下来就是如上的js 代码做的查找最后一条的处理
思路：

我们用Math.ceil（）向上取整，比如总条数为11条/每页的固定10条得出为1.1 向上取整为2 此时我们就知道有两页数据，去做判断，找出最后一条数据并添加一个属性，此时就可以确定是否是最后一条，并且是否显示（html 标签判断）

js分页列表找出最后一页的最后一条数据相关推荐

从一千万条短信中找出重复次数最多的前10条
题目: 有1千万条短信,有重复,以文本文件的形式保存,一行一条.请用5分钟时间,找出重复出现最多的前10条. struct TNode { BYTE* pText; //直接指向文件映射的内 ...
.有一千万条短信，有重复，以文本文件的形式保请用5 分钟时间，找出重复出现最多的前10 条。
此为腾讯面试题,木有具体答案... 1.有一千万条短信,有重复,以文本文件的形式保存,一行一条,有重复. 请用5 分钟时间,找出重复出现最多的前10 条. 答:1000W条短信,每条最多140个字符 ...
vue element table列表删除某一页的最后一条数据之后页面不自动跳到上一页
项目场景:element 分页器提示:这里简述项目相关背景: 例如:项目场景:删除某一页的最后一条数据之后页面不自动跳到上一页解决方案: <el-pag ...
基于Vue+element表格删除最后一页的最后一条数据后回显数据为空解决
当我们在删除最后一页的最后一条数据时,我们想要的效果是回到上一页,查询处上一页的数据显示出来,当前页码变成上一页,而真正删除的时候显示出来是个空的,而且页码也还在当前页这时我们就需要去判断当前删除的 ...
js面试高级找出素组中三位数相加得16的多种组合
简介思路;进行深度多个循环取出结果 <script>var searnmber=16;//想要找出的数var s = [1, 5, 8, 10, 12,52,6,5,4,3,2]for ( ...
js for foreach 快慢_js基本搜索算法实现与170万条数据下的性能测试
前言今天让我们来继续聊一聊js算法,通过接下来的讲解,我们可以了解到搜索算法的基本实现以及各种实现方法的性能,进而发现for循环,forEach,While的性能差异,我们还会了解到如何通过web ...
mysql虚拟列表_「前端进阶」高性能渲染十万条数据(虚拟列表)
前言在工作中,有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况,对于此,我们称这种列表叫做长列表.比如,在一些外汇交易系统中,前端会实时的展示用户的持仓情况(收益.亏损.手数等),此时对于 ...
网站防采集_【土拨鼠网站日记管理(分析推送二合一)】宝塔插件之可疑蜘蛛列表(找出采集蜘蛛)说明书
可疑蜘蛛列表功能介绍: 可疑蜘蛛列可以筛选出采集蜘蛛.假的搜索引擎蜘蛛.一般模拟蜘蛛都是带着目的才会模拟的.有些是灰帽模拟蜘蛛镜像我们的站点,导致站点降权,或者使用采集软件模拟蜘蛛采集我们站点的文章, ...
js 如何快速找出找出两个数组中相同的部分
const list1 = [1, 2, 2, 3, 3, 4, 5, 6, 9]const list2 = [0, 1, 2, 2, 3, 4, 5, 6, 7, 8] 错误写法: list1存在两 ...

js分页列表找出最后一页的最后一条数据

需求场景：

问题描述：

代码实现：

解决方案：

js分页列表找出最后一页的最后一条数据相关推荐

最新文章

热门文章