在分页查询时我们切换查询条件，分页的页数还停留在上一次查看的页数（如第二页），而不是从第一页开始。（当数据多于两页数据的时候，会显示第二页的数据，但是当数据少于两页数据时，就会显示暂时无数据，其实数据是拿回来的，只是这时候分页器接收到的页码是2，而没有那么多数据显示，就会显示暂无数据）
解决办法：
在el-pagination属性中需要加上:current-page.sync="currentPage"并重新设置当前页码this.currentPage=1
element ui el-pagination重载数据时分页不更新
2021-11-19
959
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
element ui el-pagination重载数据时分页不更新
目录
相关文章
|
1月前
|
JavaScript
基于Element UI或Element Plus实现具有倒计时的Message消息提示
本文介绍了如何在Element UI或Element Plus框架中实现具有倒计时功能的消息提示组件，支持多次点击生成多个独立倒计时的消息提示，并提供了详细的实现代码和使用示例。
178
1
1
|
30天前
|
前端开发
JavaScript
UED
element-ui 表格数据究竟隐藏着怎样的神秘样式与格式化技巧？快来揭开谜底！
【8月更文挑战第22天】《element-ui 表格数据样式及格式化案例》展示了如何利用 element-ui 的表格组件实现美观且易读的数据展示。通过简单配置，可以自定义表格样式，如边框、背景色等，并通过 formatter 实现数据格式化，例如将成绩保留一位小数。此外，还能依据条件设置行样式，如成绩达优则高亮显示，从而增强用户体验和数据可读性。
47
1
1
|
1月前
|
JavaScript
UED
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件，支持多数据类型的显示和内容为空时不显示气泡框
该文章介绍了如何基于Vue2.0仿照Element UI的el-tooltip组件实现一个自定义的气泡框组件，该组件能够根据内容是否为空智能显示或隐藏，支持多种数据类型的显示。
65
0
0
|
1月前
|
JavaScript
开发者
Element UI & Element Plus之改变表格单元格颜色
这篇文章展示了如何在Element UI和Element Plus框架中使用`:cell-style`属性来根据条件改变表格单元格的颜色。
113
0
0
|
20天前
|
开发者
C#
Android开发
明白吗？Xamarin与Native的终极对决：究竟哪种开发方式更适合您的项目需求，让我们一探究竟！
【8月更文挑战第31天】随着移动应用开发的普及，开发者面临多种技术选择。本文对比了跨平台解决方案Xamarin与原生开发方式的优势与劣势。Xamarin使用C#进行跨平台开发，代码复用率高，可大幅降低开发成本；但因基于抽象层，可能影响性能。原生开发则充分利用平台特性，提供最佳用户体验，但需维护多套代码库，增加工作量。开发者应根据项目需求、团队技能和预算综合考量，选择最适合的开发方式。
59
0
0
|
21天前
|
JavaScript
前端开发
开发者
决战前端之巅！Element UI与Vuetify谁才是Vue.js组件界的霸主？一场关于颜值与实力的较量！
【8月更文挑战第30天】本文对比了两款热门的Vue.js组件库——Element UI与Vuetify。Element UI由饿了么团队打造，提供多种高质量UI组件，设计简洁大方。Vuetify基于Material Design规范，支持Vue.js 2.0及3.0版本，具备前瞻性。两者均涵盖表单、导航、数据展示等组件，Element UI配置选项丰富，而Vuetify则提供了更深层的样式定制功能。开发者可根据项目需求及个人偏好选择合适的组件库。
67
0
0
|
21天前
|
JavaScript
开发者
UED
Vue.js组件库大对决：Element UI与Vuetify，开发者的罗密欧与朱丽叶！
【8月更文挑战第30天】Element UI和Vuetify是Vue.js开发中的热门组件库，前者简洁高效，后者遵循Material Design，国际化程度高。两者均提供丰富的组件支持，但Vuetify组件更多样，设计更灵活；Element UI在性能和中文支持上更优。文档方面，Element UI更直观易懂，而Vuetify配置灵活但学习成本稍高。选择时需综合考虑项目需求、团队背景及设计风格，以达到最佳开发效果。
67
0
0
|
4月前
|
前端开发
搜索推荐
开发者
|
4月前
|
JavaScript
前端开发
开发者
|
4月前
|
前端开发
JavaScript
API
热门文章
最新文章
1
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程-第七天
2
FontAwesome-网站ui设计中一套非常棒的icon
3
Android：UI控件GestureOverlayView、gesture、手势
4
分析SpinnerActivityTest中有关控件操作以及UI线程问题
5
VUE element-ui之form表单中input输入超过规定长度error提醒，并实时显示输入长度，可无限输入
6
Wijmo 更优美的jQuery UI部件集：服务器端Grid魔法
7
基于图像识别的启发式UI自动化测试介绍
8
<推荐>65个以自然风光为背景的UI设计
9
Android UI学习 - Linear Layout, RelativeLayout
10
UI/UE对个性化推荐的影响
1
【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
116
2
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
134
3
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
119
4
学会Web UI框架--Bootstrap，快速搭建出漂亮的前端界面
112
5
前端CSS样式零基础教学总结，UI、前端开发都适用
57
6
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
40
7
ui设计_入门ai、ps
45
8
【AI大模型应用开发】3.2 RAG实战 - RAG应用+UI实现加载本地文件并对话
157
9
前端UI组件
72
10
vue element ui 打开弹窗出现黑框问题
82