elementUI分页bug

最新推荐文章于 2024-12-08 11:36:24 发布
最新推荐文章于 2024-12-08 11:36:24 发布
阅读量1.2k 收藏
点赞数
分类专栏： javascript 文章标签： 分页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/win7583362/article/details/87376519
版权

触发前提

  1. data上创建一个属性currentPage
  2. 点击触发查询方法searchData时，传一个参数进去，其他情况调用searchData不必传参
  3. 分页组件上必须有sync :current-page.sync="currentPage"
  4. 重点就是searchData里的写法，见图

在这里插入图片描述
```javascript<el-pagination @size-change="searchData" @current-change="searchData" :current-page.sync="currentPage":page-size="pageSize" layout="total, prev, pager, next, jumper" :total="amount" style="float:right;">

在这里插入图片描述

在这里插入图片描述

使用element-ui时删除最后一页全部数据时显示无数据的bug修复
JackieDYH的博客
06-18 1751
问题： element-ui的分页组件在你删除最后一页数据的时候默认的还是会显示在最后一页，此时最后一页已经没有数据了，所以就显示暂无数据，需要手动去跳转到第一页或者重新刷新页面才能看到第一页的数据 解决： 1.如果是删除最后一页的最后一条数据，则要跳转到第一页 2.如果不是则继续显示在当前页中 翻页组件 <!-- 分页 page-size 每页展示的数据条数 total 总数据条数 current-change 页码点击事件 --> <el-paginatio.
element-ui分页组件的bug
weixin_48016008的博客
12-20 1329
** element-ui中的table表格进行分页查询时，会出现组件bug。 ** 问题： 例如：在第一次查询后跳转到第四页，此时再进行新的条件查询，若该条件查询到的数据只有三页，查询时入参page: 4，即该页无数据，页面展示无数据。 解决方案： 错误方案： 在查询函数中，点击查询按钮时使page: 1，进行传参。 结果：进行问题复现操作，页面显示第一页数据，底部分页标签却停留在第四页。 仍然是有问题的。 正确解决方案： 进行问题复现操作时（再次进行查询时），依然传参page: 1，写回滚代码，
项目总结
ChengYanan的博客
04-27 300
采集 0、使用TaildirSource，可以实现断点续传 1、FileChannel的logDir中配置多个目录对应不同的硬盘，来增大吐吞量 2、写入HDFS时，使用hdfs.rollSize、hdfs.rollInterval解决产生小文件的问题（理解小文件的弊端） 3、原来使用Flume做ETL处理，非常影响性能，后来Flume只用来做数据采集，吞吐量提升30%（16线程CPU,32G内存，...
elementUI 分页器使用时遇到的Bug
weixin_55560445的博客
10-19 489
问题描述： 页面共有11条数据，每页10条，当删除第二页的1条数据，页面显示空白。组件上的currentPage显示1，但是请求的还是第二页， 解决方法： 监听页数发生改变 // totalPage 数据总数 // pageIndex 当前页 // pageSize 每页显示的数据条数 watch:{ totalPage(){ if(t...
爬坑日记（element-ui分页器的bug）
illlllllllllll的博客
08-12 550
爬坑日记（element-ui分页器的bug） 一、 :current-page.sync="变量 + 1"会报错 应写成:current-page.sync="变量 变量在函数中进行计算" 二、 如果规定一页有十条数据但当前页未满10条，此时当前页为1处于高亮状态。当添加到11条时，当前页应该为2且处于高亮。element的分页器并未渲染上去此时需要以下方法 //定义一个点击事件在分页器上绑定 v-if=“pageshow ”，当dom刷新的时候触发this.$nextTick fun(){ thi
element-UI 分页器Bug，切换页码，页码改变但是页码高亮未变化
smouns_的博客
04-13 2530
Element-UI提供了分页器的两个方法，handleSizeChange和handleCurrentChange，然而在实际使用中，却发现再切换页面展示数量的时候，会出现一些BUG， 页面刷新了，高亮页码却还是上次选择的页面。可以用以下方法解决；在你的项目页面，你点击了分页按钮查看了后面页面的数据，然后变更了查询条件，查询了新的数据时，分页显示器上面还停留在上一次翻页的记录上面，而没有重置到第一页。1.最简单粗暴的手法，就是利用DOM渲染，刷新整个组件，这样，就模拟恢复到第一页的状态。
elementui分页保持当前页
09-06
- *1* *2* [删除ElementUI分页最后一页最后一条显示bug](https://blog.csdn.net/weixin_50550864/article/details/131055570)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
ElementUI分页插件 连续操作之后页码和内容不对应（即第1页的内容，页码高亮却为2）问题介绍及解决
wqsbenren的博客
04-06 1917
问题介绍（图文）： 1.正常第1/2页内容及页码显示应为以下两图 2.骚操作来了：先点击下一页跳转到第2页，再点击“查询”按钮（相当于查询全部，然后数据给table） 3.Bug出现： 解决方法： 强制刷新分页组件，在分页组件中增加 v-if="reflushPageFlag" flag初始值为true 然后在点击查询按钮的函数中加上框框中的两处代码，浅显理解的话应...
使用封装的分页组件或element-ui分页组件删除当前页最后一条数据没有跳转到上一页显示暂无数据的bug_elementui table 删除第二页之后,第一页显示无数据
2401_84447207的博客
05-09 275
三套“算法宝典”开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法刷题LeetCode中文版（为例）人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！
vue+elementUI 下拉分页
qq_26044577的博客
07-19 8459
不多说直接上代码, (此组件后期有空完善,还存在某些没找到的bug) <template> <div> <el-select v-model="parasmValue" filterable :filter-method="selectChange" :loading="loading" ...
elementui分页模糊搜索的bug
最新发布
m0_72642362的博客
12-08 159
但是如果我在默认查询的时候，把下面的页数调到2（我这里根据tea模糊查询只有两条数据，只够一页），就会出现下面的bug(第一张图还没有查，只是默认查询的第三页)由于在其他地方，比如创建组件周期的时候用到了默认的pageNum的load()，所有这里需要做一个判断，判断是否传入了pageNum。我们只需要在点击查询的时候强行把当前页面置为1即可。经过这样的修改之后，刚才的bug也就解决了。可以看到条数是正确的，但是没有正确显示数据。这里正常情况下模糊查询到的数据应该如下。我用到的是完整功能的样式。
element-ui分页组件修改当前页current-page后current-change事件不触发的一个小bug
热门推荐
LarrySun
06-12 2万+
最近在开发中遇到一个element-ui分页的一个小bug，具体场景如下 1、首先点击正常分页来到第二页数据正常展示 2、点击搜索，需求为回到第一页按条件搜索，此时也正常展示 3、再次点击分页去第二页，此时分页还停留在第一页，current-change事件不触发 原因有可能是点击搜索的时候在搜索里面通过代码去改变了current-page让分页回到第一页，但有可能...
ElementUi分页组件碰到的问题
Miketutu的博客
02-06 701
ElementUi分页组件碰到的问题
elementUi pagination分页组件初始化请求两次bug解决
qq_37472682的博客
08-09 5625
在项目中使用vue + element编写前端页面时，发现pagination有个bug，第一次进入页面或者页码改变后再筛选条件搜索时，会发出两次请求到后台请求数据。data和pagination组件代码如下： 通过分析找到问题所在，两种情况都导致current-page绑定的record2.number变为1，从而触发pagination的current-change事件，向后台发出请...
深拷贝解决elementui分页条件查询BUG
weixin_54902466的博客
04-10 329
当我选择或者输入了查询条件的时候 ，直接不点击查询按钮 ， 直接点击分页的时候 ， 会直接进行一个带有条件的查询 ， 实际上这样的做法是有问题的。带有条件输入框，或者选项框，通过点击查询按钮 ， 渲染列表分页的时候，通常会遇到一个BUG。通过双条件对象，深拷贝，分页和查询走两个方法即可消除。之前在公司开发功能的时候，发现了一个通用业务的问题。
vue2+ElementUI分页器换页查询不到
m0_71831069的博客
08-04 994
问题分析：因为在第一页查询的时候page = 1，经过计算截取位置，刚好是从最开始截。但是此时的page = 2....，回来的数据放在列表中，分页器在截取的时候，计算截取位置，刚好错过列表中的数据，导致截取不到。在查询之后将分页器的page = 1，这样当数据回来，分页器截取的时候是从最开始截取，就可以截取到数据，显示在第一页。在使用分页器的时候，明明是查的所有数据，在第一页做查询操作可以查到，但是切换到其他页就查不到了。page表示页码，pageSize表示一页几条。这里可以看到在第一页是可以查到的。
分页原理及出现的错误
pavel0的专栏
11-18 400
1 设置跳转   &lt;logic:equal name="page" property="hasPreviousPage" value="true"&gt;               &lt;a href="list.do?currentPage=&lt;bean:write name="page" property="previousPage"/&gt
element ui 标签页 toolbar没出来的解决办法
qq_15798421的博客
09-25 982
tabs是v-mode和name关联 用的index当name，发现toolbar没有出来，排查了一下，发现是用的严格等于来判断的 index又是数字，就出现了问题，那就转换为字符串，toolbar就有效果了
UIToolBar工具栏的使用
逆钟夕的忘忧阁
10-30 754
AppDelegate.m
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值