vue+element 分页current-page设置页码失效问题

最新推荐文章于 2023-05-05 22:10:41 发布
最新推荐文章于 2023-05-05 22:10:41 发布
阅读量4.1k 收藏 2
点赞数 3
文章标签： vue element 分页 current-page vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010265663/article/details/105846820
版权

需求：每经过一次新的查询后，分页页码就要调到第一页。我设置查询后current-page = 1
问题：    如果已经跳转到了下一页，在次查询，current-page = 1 会失效。

经查资料：  element 对双向绑定支持的不是很好。 使用vue的sync修饰符。


解决方案：      将 current-page换成 current-page.sync [已验证]

qq琦
关注
Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui）.zip
05-03
Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui） Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui） Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui） Java毕业设计：...
elementUI分页中改变current-page绑定的值无效问题的解决
jiangjunyuan168的博客
11-29 9725
问题 今天在使用elementUI分页组件el-pagination时，在方法中修改current-page绑定的值，正常来说页面上显示的当前所在的页码会随着改变，但是并没有。 分页代码： <!-- 分页 --> <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-
关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决
zhexian999的博客
10-04 4756
page-size设置的值，是page-sizes数组中有的值,如果page-size的数值是page-sizes的数组里面没有值的,那么就会默认取page-sizes当中的第一个值作为默认值，也就是默认单页面渲染条数。问题：element-ui的分页器在设置后，总页面数异常，不匹配总条数与单页显示数，设置page-size后页面也无变化。为page-sizes手动设定，并且在之后的使用中注意，二者成对使用，以免出现页码不匹配的问题。page-sizes：在不设置的情况下，存在默认值（如下所示）
vue 分页刷新缺陷，页码高亮与显示页面不符
syh1011ok的博客
12-15 994
问题：删除或编辑列表，刷新表格后，回到第一页，页码高亮显示还是之前的页码，没用同步，各种初始化设置都没起作用。 解决： <el-pagination :current-page=“pageForm.page” …> 之前一直没绑定current-page，绑定后，分页器高亮页码就会和this.pageForm.page的值同步，真是找了好久的Bug ...
ElementUI分页插件 连续操作之后页码和内容不对应（即第1页的内容，页码高亮却为2）问题介绍及解决
wqsbenren的博客
04-06 1821
问题介绍（图文）： 1.正常第1/2页内容及页码显示应为以下两图 2.骚操作来了：先点击下一页跳转到第2页，再点击“查询”按钮（相当于查询全部，然后数据给table） 3.Bug出现： 解决方法： 强制刷新分页组件，在分页组件中增加 v-if="reflushPageFlag" flag初始值为true 然后在点击查询按钮的函数中加上框框中的两处代码，浅显理解的话应...
vue+element实现打印，不显示空白页
好气嗷，但仍要保持微笑!
05-26 920
@media print { #printTest{//要打印的区域 display: block; width:100%; height:auto; overflow: hidden; } }
基于Vue+Vue-router+Vuex+Element-ui+Axios商城
06-27
本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。 前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、...
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统
06-14
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统 项目经过严格测试，确保可以运行！ 基于 Spring Boot 和 Vue 以及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、...
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip
最新发布
04-12
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于...
基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设）.zip
01-10
基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设）.zip 基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设）.zip 基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设...
使用分页问题：点击第二页然后查询，数据显示为第一页的问题解决
qq_42194757的博客
12-21 8657
使用分页问题：点击第二页然后查询，数据显示为第一页的问题解决 关于分页，这是在工作中接触vue+element由于逻辑混乱导致的，前几天在改系统BUG没来的及整理，今日开始动手整理，因为跨页面较多，可能会有遗漏，后续发现问题会继续补充。 具体问题是，分页后数据共两页，点击第二页查看第二页信息正常，但是如果停留在第二页上去执行查询操作，刷新回来的数据会在第二页显示，经过修改这个问题被解决，但是又出现了新的问题是，查询返回的数据不足一页时，页面显示为第一页，但第二页仍存在。 代码结构如下： <!--ind
Vue中的v-print打印不完全问题
weixin_44090753的博客
03-10 3885
打印一个有很多table的页面，预览的时候发现页面会缺失后面的一部分，如何解决？ 打印页面用的是v-print <el-button type="danger" class="no-print" round v-print="'#printDiv'"> 打印 </el-button> 给要打印的区域加上id 仅仅这样写会出现打印不完全 需要给打印区域加上样式 <style> @media print { html, body { height: in
vue3中ts语法使用element plus分页组件警告错误
choorn的博客
05-05 2899
引起错误的原因是 :total属性赋值必须为数字类型。
关于vue+element-ui项目Pagination的分页，返回默认显示第一页的问题
HelloWord176的博客
11-06 4977
先看问题效果： 当我页面展示在第三页的时候，我点击某一列的信息详情，返回回来直接到第一页？这显然不是我想要的效果。 我们期望的效果是：详情页返回回来后 还是在第三页。 出现这种问题该怎么解决呢？（直接贴代码） <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="messageLis.
使用Ant Design Vue的Table组件，解决点击任意内容详情，点击返回分页器页数默认回到第一页的问题
潮汐未见潮落的博客
08-09 2673
使用Ant Design Vue的Table组件，解决点击任意内容详情，点击返回分页器页数默认回到第一页的问题
Vue-print-nb 伪类打印失效，页眉页脚
akko
09-15 2930
在需要打印的标签上加上该样式即可解决伪类失效[其实打印的时候->更多设置->背景图形 勾上也可以打印出伪类] -webkit-print-color-adjust: exact; 去掉页眉页脚 @page size: auto margin: 3mm
vue-print-nb 解决 vue 打印问题，并且隐藏页眉页脚
热门推荐
Insist_bin的博客
07-20 1万+
1、通过 npm 安装 vue-print-nb npm install vue-print-nb --save 2、挂载到 Vue 上 ​import Print from 'vue-print-nb' Vue.use(Print) 3、配置打印对象 <div id="main"> 这里是要打印的东西 </div> <!-- 打印按钮，通过 v-print 调用打印事件 --> <button v-print="printObj">打印&lt
vue实现打印功能（vue-print-nb）
qq_41842461的博客
08-23 1万+
vue实现打印功能（vue-print-nb)
element的分页查询后页面数据变了，分页却没变的问题
zheshihuahua的博客
01-12 2158
从最后一页点击查询后，页面数据变为第一页的数据了，但是分页会显示2
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值