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

最新推荐文章于 2024-04-26 11:26:20 发布
最新推荐文章于 2024-04-26 11:26:20 发布
阅读量4k 收藏 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琦
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ElementUI分页插件 连续操作之后页码和内容不对应（即第1页的内容，页码高亮却为2）问题介绍及解决
wqsbenren的博客
04-06 1767
问题介绍（图文）： 1.正常第1/2页内容及页码显示应为以下两图 2.骚操作来了：先点击下一页跳转到第2页，再点击“查询”按钮（相当于查询全部，然后数据给table） 3.Bug出现： 解决方法： 强制刷新分页组件，在分页组件中增加 v-if="reflushPageFlag" flag初始值为true 然后在点击查询按钮的函数中加上框框中的两处代码，浅显理解的话应...
vue 打印功能 调用原生print，带（去掉页眉页脚）分页打印
热门推荐
AmbroseLe
05-14 1万+
安装 vue-print-nb插件 npm install vue-print-nb --save 安装完成后 在页面引入 import Print from 'vue-print-nb' </section> </template> <script> import Vue from 'vue'; import Print from 'vue...
elementUI分页中改变current-page绑定的值无效问题的解决
jiangjunyuan168的博客
11-29 8976
问题 今天在使用elementUI分页组件el-pagination时，在方法中修改current-page绑定的值，正常来说页面上显示的当前所在的页码会随着改变，但是并没有。 分页代码： <!-- 分页 --> <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-
vue 分页刷新缺陷，页码高亮与显示页面不符
syh1011ok的博客
12-15 945
问题：删除或编辑列表，刷新表格后，回到第一页，页码高亮显示还是之前的页码，没用同步，各种初始化设置都没起作用。 解决： <el-pagination :current-page=“pageForm.page” …> 之前一直没绑定current-page，绑定后，分页器高亮页码就会和this.pageForm.page的值同步，真是找了好久的Bug ...
element 分页切换时:current-page无效 页数不会跟着一起切换
最新发布
红烧咸咸鱼
04-26 466
element 分页切换时:current-page无效 页数不会跟着一起切换
关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决
zhexian999的博客
10-04 4417
page-size设置的值，是page-sizes数组中有的值,如果page-size的数值是page-sizes的数组里面没有值的,那么就会默认取page-sizes当中的第一个值作为默认值，也就是默认单页面渲染条数。问题：element-ui的分页器在设置后，总页面数异常，不匹配总条数与单页显示数，设置page-size后页面也无变化。为page-sizes手动设定，并且在之后的使用中注意，二者成对使用，以免出现页码不匹配的问题。page-sizes：在不设置的情况下，存在默认值（如下所示）
vue+element实现打印，不显示空白页
好气嗷，但仍要保持微笑!
05-26 879
@media print { #printTest{//要打印的区域 display: block; width:100%; height:auto; overflow: hidden; } }
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毕业设计：...
基于Vue+Vue-router+Vuex+Element-ui+Axios商城
06-27
本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。 前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、...
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端）.zip
05-02
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端），使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 Vue3.0+TypeScript+...
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目
06-15
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目。本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了...
vue打印问题（分页打印、批量打印条形码）
俺也不敢问
03-30 5488
前言 项目需求打印功能所遇到的问题。在此记录，望能帮到你 一下问题： 当内容超过一页时不会自动分页？ 当使用vue3-barcode 打印条形码时，不能批量打印？ 基础打印 安装 官网地址：https://github.com/Power-kxLee/vue3-print-nb npm install vue3-print-nb --save 引用 // Global instruction import { createApp } from 'vue' import App from
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)
vue3中ts语法使用element plus分页组件警告错误
choorn的博客
05-05 2716
引起错误的原因是 :total属性赋值必须为数字类型。
使用分页问题：点击第二页然后查询，数据显示为第一页的问题解决
qq_42194757的博客
12-21 8424
使用分页问题：点击第二页然后查询，数据显示为第一页的问题解决 关于分页，这是在工作中接触vue+element由于逻辑混乱导致的，前几天在改系统BUG没来的及整理，今日开始动手整理，因为跨页面较多，可能会有遗漏，后续发现问题会继续补充。 具体问题是，分页后数据共两页，点击第二页查看第二页信息正常，但是如果停留在第二页上去执行查询操作，刷新回来的数据会在第二页显示，经过修改这个问题被解决，但是又出现了新的问题是，查询返回的数据不足一页时，页面显示为第一页，但第二页仍存在。 代码结构如下： <!--ind
使用Ant Design Vue的Table组件，解决点击任意内容详情，点击返回分页器页数默认回到第一页的问题
潮汐未见潮落的博客
08-09 2566
使用Ant Design Vue的Table组件，解决点击任意内容详情，点击返回分页器页数默认回到第一页的问题
springboot+vue+vant+element-ui.zip
01-03
springboot vue vant element-ui.zip 是指一个压缩文件，其中包含了 Spring Boot 后端、Vue 前端和 Vant、Element-UI 这两个前端框架所需的相关文件。 Spring Boot 是一个用于构建独立的、运行于生产环境的 Java 应用的框架，它通过简化配置和提供常用功能的默认实现，使得开发者可以更加快速、高效地开发应用程序后端。Spring Boot 的文件包括了后端的 Java 代码、配置文件、所需的依赖库等。 Vue 是一个用于构建用户界面的渐进式框架，它通过组件化的方式提供了快速进行前端开发的能力。Vue 的文件包括了前端的 HTML、CSS、JavaScript 代码，以及所需的 Vue 相关的库和组件。 Vant 是一套基于 Vue.js 的移动端组件库，它提供了丰富的移动端 UI 组件和交互效果，适用于移动应用的开发。Vant 的文件包括了移动端 UI 组件的样式和 JavaScript 文件。 Element-UI 是一套基于 Vue.js 的桌面端组件库，它提供了一系列美观、易用的桌面端 UI 组件，适用于 Web 应用的开发。Element-UI 的文件包括了桌面端 UI 组件的样式和 JavaScript 文件。 springboot vue vant element-ui.zip 文件可以说是一个集成了 Spring Boot 后端、Vue 前端以及 Vant 和 Element-UI 这两个前端框架所需文件的压缩包，开发者可以使用这个压缩包来快速搭建一个集成了后端和前端的应用程序，从而提高开发效率。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值