elementplus 分页组件使用时current-page设置

已于 2023-12-31 00:03:10 修改
阅读量776 收藏 7
点赞数 8
文章标签： 前端 javascript vue.js
于 2023-12-31 00:00:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_55882124/article/details/135311465
版权

current-page 要使用 v-model:current-page="CurrentPage" 的形式，有种 v-model 和 v-bind（简写‘:’）一起使用的感觉，且 CurrentPage  是vue中定义的数据，不能直接设置具体的数值，例如：v-model:current-page="2" 。不会生效。

传入 current-page，必须监听 current-page 变更的事件（@update:current-page），否则分页切换不起作用

当使用了@current-change后可以使用:current-page="2"形式设置

@current-change="handleCurrentChange" :current-page="2" 这样可以生效

无880
关注
  • 8
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3 - Element plus 实现 “带分页“ 表格组件，实现跨页进行 “分页勾选“ 的多选功能（解决分页表格组件 ＜el-table＞ 跨页后已前勾选的行自动消失问题）详细示例解决教程
王佳斌
03-02 5229
vue3 element puls表格跨页全选实现，vue3 element puls表格,后端分页时,实现分页多选功能，element puls跨页多选，element puls 表格跨分页多选及回显的实现示例，表格分页多选功能，vue3 elementPlus设置表格跨页勾选，vue3 Element plus 最新分页跨页全选操作(跨页记住已经勾选)，vue3 element plus table组件跨分页多选及回显，vue3 element plus el-table-column type="se
Vue的el-pagination组件，current-page 绑定的数据变了，但是页面当前页码并没有变的问题[已解决]
寒夜二十五
05-03 7719
今天用Vue写页面的分页时发现了一个问题,在这里记录下,也希望可以帮助其他人. 问题如下,我在一个页面比如点击第三页(数字3)时,显示第三页绑定的数据正常,但是当我点击一个其他的页面,这个新的页面绑定的数据在分页后也会直接显示第三页的数据,不是从第一页开始的. 解决方法: 1.使用:current-page.sync <el-pagination class="tc m...
element-plus-分页
everyStudy的博客
08-22 2311
element-plus-分页
vue3 vxe-grid修改currentPage，查询数据的时候，从第一页开始查询
最新发布
jwbabc的专栏
07-18 346
vxe-grid查询数据的时候，从第一页开始查询，并且清空选中，清空复选框状态等，查询数据查询。
vue-cli-element-ui-table-表格分页功能切换数据后@current-change失效的解决方案
郝峰vip的博客
12-11 2511
前沿 最近在开发过程中，遇到了切换了表格中的数据后，分页的功能失效，current-change方法失效，折腾了好久，最后终于解决了，记录下来，方便后续学习，也发现形成一个思维的问题，不能老是闷头敲代码，要多交流。好了，不废话了，切入正题。 解 决方案就是销毁分页组件在重建这样就会完全重新渲染了分页组件。 这里采用的是v-if的重建解决方案 <div class='pagi...
vue组件中的vue/no-mutating-props问题解决
09-01 4405
例如，在一个组件中，如果试图修改props的值，ESLint会报错，提示不要直接修改props的值。2、在data属性中定义变量，接收props中传入的参数，再用data属性中的变量与模板部分进行绑定，即可规避和解决vue/no-mutating-props问题。接收外部参数的组件，在data属性中定义变量，接收props中的传入的值后，在利用data属性中的变量与模板实现数据的双向绑定是一个极好的习惯。vue项目中的组件，实现模板与数据的双向绑定时，数据最好来自组件的data属性。
vue3+element Plus使用el-tabs标签页，页面刷新不会到默认页(2)，并且可以监听分页表格的页码和每页条数的变化
m0_52761651的博客
08-03 2896
vue3+element Plus使用el-tabs标签页，页面刷新不会到默认页(2)，并且可以监听分页表格的页码和每页条数的变化。
VUE3 +elementplus 分页功能实现
Grizzy的博客
07-17 5570
实现分页非常简单，获取当前页的页数，从而将页数与后端的接口相对应，从而获取数据，数据总量也需要从后端的接口中获得。
Vue3+ElementPlus 表格分页组件封装
柒柒兮的博客
08-02 5732
第一步新建公共组件pagination.vue <template> <!-- 分页 --> <el-pagination background @size-change="handleSizeChange" @current-change="handlePageChange" :page-sizes="[10, 30, 100]" :page-size="pagesize" :layout="layout" :total="to
elementplus分页怎么使用
05-14
Element Plus 提供了一个名为 `ElPagination` 的分页组件，可以很方便地实现分页功能。下面是一个简单的使用示例： 1. 安装 Element Plus： ```bash npm install element-plus --save ``` 2. 在需要使用分页的...
vue 基于element-ui 分页组件封装的实例代码
01-19
具体代码如下所示： ... <el size-change=handleSizeChange current-change=handleCurrentChange page-sizes=[10, page-size=pageSize layout=total, total=total xss=removed> <script type=text/ecm
Element-pagination分页组件修改current-page属性，不能正确渲染当前页码的问题（从组件源码查找问题）
伟深么的博客
05-18 3946
需求：使用elementUI的分页组件pagination，要实现从页面跳转到列表页时设置当前页码current-page 问题：设置current-page成功，请求接口携带参数正确，pagination组件上页码显示不正确，始终显示为第一页 解决方式： 1、在请求数据后再设置current-page （推荐） ```javascript <!-- methods --> await getList() // 此时的total应该不为0 this.currentPage = 要设置的页码 `
element 分页切换时:current-page无效 页数不会跟着一起切换
红烧咸咸鱼
04-26 597
element 分页切换时:current-page无效 页数不会跟着一起切换
解决element 分页组件，搜索过后current-page 绑定的数据变了，但是页面当前页码并没有变的问题...
weixin_30872733的博客
08-02 1569
前言上一篇写前台解决分页问题的时候没有这个问题，但是在实际项目后台中有遇到过，所以在这里专门说一下，如果参考前台分页出现这种问题了，也可以使用这种方法！bug：vue和element实现的后台分页，当前是第二页，点击搜索，强制设置current-page为1，但是当前页还是第二页没有改变。 解决方法如何使用分页就不说了，可以参考上一篇的前台解决分页 页面 el-pagination ...
element-ui 分页器中的 :current-page.sync是干什么的
weixin_66196770的博客
03-06 1052
是Element UI中用于实现父子组件间关于当前页码的双向绑定的一种便捷方式，它使得在分页功能中管理当前页码的状态变得更加容易和直观。是用于实现父子组件间关于当前页码的双向绑定的。在Element UI中，
Vue之v-model双向绑定原理---kalrry
热门推荐
kalrry
04-26 2万+
Vue之v-model双向绑定原理---kalrry一、简介二级目录三级目录 一、简介 v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定 ps：不懂语法糖是什么意思的请点击 二级目录 三级目录 ...
current-page的坑
哆来A梦没有口袋的博客
09-17 396
elementui的current-page不起作用 cureent-page支持异步更新，也是 :current-page.async = 'xxx' 依旧不能更新 注意： 当total还没有请求回来的时候，设置了不会起作用会默认在第一页 因此，要在total赋值之后再进行设置 ...
vue3.0+element plus 实现使用分页功能页面刷新后维持页面不变
weixin_46466247的博客
05-06 5269
说明：案例只有分页栏，没有数据。实现的效果体现在分页栏页码的变化上。 构建分页 在element plus挑选一个分页组件，创建test页面 <template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200
基于Element-Plus的分页显示功能
weixin_45928161的博客
05-08 860
Pagination 分页 | Element Plus。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值