element-ui踩坑记录之el-pagination分页

最新推荐文章于 2024-07-06 11:32:29 发布
最新推荐文章于 2024-07-06 11:32:29 发布
阅读量1.7w 收藏 4
点赞数 3
分类专栏： vue 文章标签： el-pagination 分页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a271720559/article/details/88379484
版权

                      element-ui踩坑记录之el-pagination分页

使用 el-pagination为表格分页显示时,出现一个bug.每页设置显示7条明明数据有多于21但是分页后只有3页.如下图:

查了一圈才发现原来是 分页控件没设置 每页显示的数量:  :page-size

设置后即可正常显示出数据.

这里再记录一个:当跳转到第二页后再次查询数据 页码那里会显示在第二页 但实际数据是在第一页的bug

这里需要再次查询数据的时候把currentpage重置为1即可. 

shaojia_
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
el-search-table-pagination::dog_face:将Element UI的Form，Table和Pagination组件组合在一起
05-02
元素搜索表分页 将Form，Table和Pagination组件组合在一起。 基于Vue2.x。 您可以使用此包在带有搜索表单和分页的表中显示本地和远程列表数据。 安装 $ npm i --save el-search-table-pagination 演示版 请参阅CodePen上的和的演示。 原料药 API |中文API 快速开始 导入模块并在main.js设置设置： import Vue from 'vue' import ElSearchTablePagination from 'el-search-table-pagination' // Default use axios as HTTP tool Vue . use ( ElSearchTablePagination ) // or set a custom HTTP tool import axios from 'a
基于tp5的vue+element-ui 实现分页
04-10
`Element UI`提供了`<el-pagination>`组件，用于实现分页功能。我们可以设置其属性，如`total`（总条目数）、`page-size`（每页显示条目数）、`current-page`（当前页码）等，以实现分页的交互效果。同时，该组件还...
el-pagination 分页不正常？
落花人独立，微雨燕双飞。
12-01 1598
elemet-ui 分页不对
使用el-pagination出现样式超出时加上这个属性就能轻松解决
weixin_43312391的博客
06-13 235
使用el-pagination出现样式超出时的问题解决
ementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
qq_34661750的博客
04-12 6781
ementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档。将total初始值设为0。
ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
qq_29517595的博客
11-28 3041
ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
热门推荐
weixin_57677300的博客
01-31 1万+
控制台说我分页器组件语法有问题，然后我就去看我的代码，反复看也没有问题，和文档都是一样的语法。后面我一个一个删除运行，当我删除total就没有了警告。total是是后台接口的数据的。我看看是不是数字类型。然后用typeof检查竟然不是Number类型。
[ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
qq_45513553的博客
11-26 317
[ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
Element-UI踩坑之Pagination组件的使用
10-17
主要介绍了Element-UI踩坑之Pagination组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
element-ui-v2.13.1.zip
05-21
此外，Element UI 还提供了诸如对话框（Dialog）、日期选择器（DatePicker）、轮播图（Carousel）、分页（Pagination）等复杂的组件，大大简化了前端开发过程。 总的来说，Element UI v2.13.1 提供了一套完整且易用...
vue+Element-ui实现分页效果实例代码详解
10-17
Element UI提供了丰富的组件，其中包括`Pagination`分页组件，使得开发者能够快速实现美观且功能完善的分页功能。 在Vue+Element UI实现分页效果的过程中，首先需要引入Element UI库。在项目中安装Element UI可以...
vuex-pagination:轻松使用VueVuex应用中的分页资源
05-17
语音分页 注意：该库仅适用于Vue2。对于Vue 3，请看一下 。 该库使将来自API（REST，GraphQL或其他任何东西）的分页资源集成到您的Vue应用程序中变得更加容易。 它是如何工作的？ vuex-pagination资源直接映射到API中的相应资源。 资源本身“驻留”在Vuex存储中，并管理已获取的数据。 要初始化新资源，您必须提供fetchPage函数。 该函数接收一些参数，例如当前页面和页面大小，并从API获取数据。 要在Vue组件中显示数据，您可以初始化实例。 每个资源可以有多个实例，并且所有实例都可以具有不同的状态（当前页面，页面大小等）。 由于这种方法，无论使用什么API， vuex-pagination都是合适的。 它也可以处理直接从文件系统读取的数据，例如在Electron应用程序中。 安装 // Using npm: npm install vuex
django-endless-pagination:该项目已弃用
03-08
这个项目被放弃了。 感谢长期以来支持django-endless-pagination的社区。 我没有时间正确维护和开发此应用程序。 从现在开始，请使用像这样的强大分支之一 Django Endless Pagination可用于提供Twitter样式或Digg样式的分页，并具有可选的Ajax支持和其他功能，例如多重或惰性分页。 指导该应用程序开发的最初思想是，允许在对Web内容进行分页。 文档可以，也可以在项目的docs目录中获得。 要提交错误和请求，请使用 。 该应用程序的源代码托管在。 该项目的Mercurial资料库托管在。
ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档 - 报警告之一
最新发布
都已经是第二年的立春、又何必执着于、当年的盛​夏呢？
07-06 484
因为后端是我用 node 写的， 当时写的时候 AI 提示直接写完了，如下图一直按tab即可， 检查了一下也没有什么问题， 就偏偏少了 返回total, 所以导致了这个问题。今天在使用elementui plus的时候遇到了一个奇葩的问题， 就是提示。奇葩就在于我是 复制另一个页面的分页， 一摸一样的东西，就只这个页面报错， 分页也不出。分页里面的属性，也是一个一个的删了，试了很多次还是有问题， 真的是头大。为了这个问题， 我是查了官方， 也百度， 折腾了很久，使用了一些已被废弃的用法，
vue3+elementPlus-浏览器告警解决error.ts:14 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination
wzy_PROTEIN的博客
06-28 2223
在使用elementuiPlus的分页器组件的时候，发现会有如下图警告。对照官方文档也没什么问题，然后把total删了就发现不报错了。解决办法：给total一个初始值，我是给了0。原因是：在定义total的时候没有初始值。
el-pagination分页用法总结
G_X73的博客
02-25 608
实现功能：对数据进行分页展示，active数据改变样式 展示数据 <div v-for="(v, k) in showNews" :key="k"> <div :class="[activeIndex == k ? 'active' : '', 'item']" @click="checkItem(k)"> {{v.date}} </div> </div> <el-pagination backgro
element-Pagination 分页
qq_44950078的博客
11-04 155
<template> <div> <el-pagination layout="sizes,prev,pager,next,jumper,->,total" :total="50" :current-page.sync="currentPage" :pager-count="pagerCount" :page-size.sync="pageSize" :page-sizes.sync="pageSizes"
vue elementUI el-pagination 分页器的使用细节
qq_41974250的博客
03-23 6804
vue elementUI el-pagination 分页器的使用细节
element pagination不显示第二页发问题， pagesize小于10不显示第二页
weixin_46700289的博客
11-10 1078
element pagination 不显示第二页
element-ui前端分页
08-30
3. 在模板中使用<el-pagination>标签，并设置current-page、page-size和total等属性，来实现基本的分页展示。 4. 根据需求，可以通过设置layout属性来自定义分页组件的布局方式。 注意，这只是一个简单的例子，实际...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值