el-element分页器页码重置为1

会点法律的程序员

于 2023-12-19 10:27:48 发布

阅读量780

点赞数 13

文章标签： javascript elementui vue.js

本文链接：https://blog.csdn.net/weixin_44436543/article/details/135078541

版权

起初，我想在切换页码，调接口之后，重置为1就好了，这样下次打开就是第一页。

但是，再打开，列表内容是对的（第1页），分页器显示却还是2或3...停留在上次。

解决：current-page加.sync就ok了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会点法律的程序员

关注关注

13
点赞
踩
13

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

element-ui中的el-pagination，页码一直为1的问题

Z_CiXi的博客

07-05

1462

这是一位同学的错误，他并没有写page-size而是直接用page-sizes，问题就出现了，他的页码一直显示为1，不管去怎么调整都是1。最后将其改为page-size问题得以解决。大家可以看看文档，page-size是必须的，page-sizes是每页显示个数选择器的设置，如果你没有用page-size直接用page-sizes的话，就会触发这种错误。大家可以参考一下这篇文章，在简单的分页来看，也是需要同学仔细去写代码的，比如单词，表单符号等，都是会造成错误的。

解决element el-pagination分页最后一页数据清空了页码显示正确，但是列表为空

wusq的博客

11-12

3152

vue

3 条评论您还未登录，请先登录后发表或查看评论

ElementUI之封装分页表格，数据实现多条件查询，刷新返回第一页，修改刷新后仍留在当前页

qq_41154522的博客

03-02

1926

Paginate.vue <template> <div class="pagination"> <div class="total">共 <span style="color: #409EFF;font-weight: bolder">{{total}}</span> 条数据,当页有 <span sty...

element-UI 分页器Bug，切换页面展示数量，页码刷新重置，原来页码高亮问题

Amanda_wmy的博客

01-24

6006

element-UI 分页器Bug，切换页面展示数量，页码刷新重置，原来页码高亮问题 Element-UI提供了分页器的两个方法，handleSizeChange和handleCurrentChange，然而在实际使用中，却发现再切换页面展示数量的时候，会出现一些BUG，页面刷新了，高亮页码却还是上次选择的页面。可以用以下方法解决；翻看element文档中发现有current-page，当前...

element ui强制设置当前页码、设置高亮等问题的处理

qq_36462217的博客

06-20

1843

element ui强制改变页码为1,第一页已高亮,但是点击上一次的页码时,不触发当前页函数@current-change问题处理

Element分页器Pagination，查询后自动回第一页

卡洛背心的博客

03-05

3961

<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[100, 200, 300, 400]" :page-size="100" :hide-on-single-page="true" layout="total, sizes, prev, pager, next, jump.

ElementUI分页Pag的currentPage自动到第一页

xu_duo_i的博客

04-12

1731

当数据量过多时，使用分页请求数据, 设置分页的页数自动回到第一页。 <div class="pagination"> <el-pagination background layout="prev, pager, next" :current-page.sync="currentPage" @current-change="current_change" :page-size="7" ..

vue element的分页当前页重设为1

weixin_42382758的博客

09-25

1973

vue分页重置当前页

vue中elementUi筛选后分页页码恢复到第一页

qq_42483955的博客

06-07

2914

使用element做分页查询时解决添加筛选条件后页码没回到第一页

element-plus分页项目中列表页页码总是回到1~

最新发布

Yjx的博客

10-07

413

原因就是我列表页用了v-if重新渲染导致页码总是回到1，采用v-show方式即可。

element分页器组件刷新父组件重置页数无效已解决

weixin_61273407的博客

04-19

1104

问题 : 将分页器组件封装为组件在父组件刷新时, 虽然使用传参改变了分页器组件的页数, 可是只有第一次刷新父组件时页数会重置, 之后再改变页数刷新, 则页数不会重置解决 : 给分页器组件中添加 v-if , 在重置分页器组件页数时, 在父组件或分页器组件中控制一次true和false, 来刷新组件  <el-pagination v-if="showPage" @size-change="handleSizeChange"

Element-UI踩坑之Pagination组件的使用

10-17

如果`internalCurrentPage`的值无效，则会被重置为1或者当前`pageCount`的值。这解释了为什么在特定情况下`internalCurrentPage`会发生变化，从而导致数据请求行为的异常。具体来说，当`pageSize`从较小值变为较大...

vue + element 分页组件使用以及实现刷新后页码不掉

hello world的博客

01-20

3941

1 分页组件初步介绍分页组件最主要的参数有三个 current-page 当前页数,也就是当前的页面的页码,这是刷新后仍在当前页的关键参数 page-size 每页显示条目个数，注意别和 page-size 搞混 total 总条目数就是所有数据的总量注: 以上参数的值皆为 number 类型,为什么要强调这个呢?因为在刷新的时候会用到其余的参数 ~ background boolean 是否为分页按钮添加背景色 ~ layout string 组件布局，子组件名用逗号分隔 ~ current-c

vue基于elementUi筛选后分页恢复默认第一页(也可用回显页)

boy火巨的博客

04-15

7369

问题描述：默认打开页面，分页是1；当点第二页之后再进行筛选位置，没加恢复之前接口传的页数还是2，返回第二页的数据；需求：当更改筛选时添加让页数更改为默认1；这时要添加:current-page.sync="pageNo" 当前页 <div class="pagination"> <el-pagination @current-c...

elementui里分页组件，点击换页默认跳回第一页的问题

weixin_47151361的博客

06-06

3452

elementui里分页组件，点击换页默认跳回第一页的问题

elementui 列表页进入详情再返回分页被重置

jun的博客

08-05

339

elementui列表进详情再返回分页被初始化；keep-alive列表页缓存

Element-ui中分页，搜索以后默认显示第一页

weixin_41346436的博客

10-12

4298

案例需求：在使用Element-ui分页组件的时候，发现一个小Bug，就是在当第一次查询数据渲染完毕以后，点击分页对应的某一页，例如当前显示第三页，这时去换一种不同的条件查询，点击查询以后，table表格数据渲染完毕以后，显示的还是第三页，不是第一页，所以此处做个小笔记 *粗略案例图 * 解决办法-- :current-page.sync=“cur_page” <template> <div class="pagination"> <el-pagination

解决element 分页组件，搜索过后current-page 绑定的数据变了，但是页面当前页码并没有变的问题...

weixin_30872733的博客

08-02

1570

前言上一篇写前台解决分页问题的时候没有这个问题，但是在实际项目后台中有遇到过，所以在这里专门说一下，如果参考前台分页出现这种问题了，也可以使用这种方法！bug：vue和element实现的后台分页，当前是第二页，点击搜索，强制设置current-page为1，但是当前页还是第二页没有改变。解决方法如何使用分页就不说了，可以参考上一篇的前台解决分页页面 el-pagination ...

element-ui table组件二次封装(包含分页，多选、查询、重置)

weixin_43969585的博客

01-06

1049

element-ui table组件二次封装(包含分页，多选、查询、重置)

element-plus设置el-pagination分页居中

05-25

要将 Element Plus 的分页组件 el-pagination 居中，可以在其外部包裹一个块级元素，并设置该元素的 text-align 属性为 center，如下所示： ```html <template> <div class="pagination-container"> <el-pagination :total="100" :page-size="10" layout="prev, pager, next" /> </div> </template> <style> .pagination-container { text-align: center; } </style> ``` 其中，el-pagination 的 layout 属性用于设置分页组件的布局，具体可以参考 Element Plus 的文档。