el-pagination 切换页数时，页码消失

最新推荐文章于 2023-03-09 16:45:13 发布
最新推荐文章于 2023-03-09 16:45:13 发布
阅读量2.3k 收藏 1
点赞数 5
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kzj0916/article/details/108617863
版权

el-pagination 切换页数时，页码消失

最近用el-pagination请求数据时发现，请求过来的数据切换页码时，下面的页码不可选，即为空了。。。
调试了一会才明白了问题所在
在这里插入图片描述
在这里插入图片描述

问题所在

问题的关键在于数据，因为我的总数是每次切换页码时都要请求一次，后面才发现除了第一次，后面的值都为undefined，即只有第一次数据中才有总数值，所以我就修改了只获取一次总数。
在这里插入图片描述

总结

请求总数时最好只在刚开始请求一次，后续数据中可能不存在，就会出现问题。

Might°
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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
django-endless-pagination:该项目已弃用
03-08
感谢长期以来支持django-endless-pagination的社区。 我没有时间正确维护和开发此应用程序。 从现在开始，请使用像这样的强大分支之一Django Endless Pagination可用于提供Twitter样式或Digg样式的分页，并具有可选...
el-pagination 动态切换每页条数、页数切换
一起加油吧~
12-24 6380
当表格中的数据量如果非常庞大的时候我们不可能让数据整个全部一下展示出来，导致用户需要无限的往下滚动鼠标，给用户造成不清楚到底有多少数据的一个现象，让用户产生看不到头的焦躁心理。这时候我们可以借助分页器去实现数据的分页效果，根据页数和每页条数去实现真分页。
element-ui e-table表格中使用多选,当翻页时已选中的数据丢失
qq_58671311的博客
11-05 3898
vue项目中使用element的table表格进行多选操作时，当勾选了第一页数据后点击第二页后第一页的数据被清空了。
分页后查询条件丢失清空
小码蚁
07-26 2408
解决方法：后台返回数据时，将get请求中的查询条件也就是url中的参数也返回到前台，填写在value中。 例： get请求： "http://xxx/x/?x1=1&x2=2" 后台： def X(request): x1 = request.GET.get('x1 ', default="") x2 = request.GET.get(...
elementui 分页器，el-pagination 不显示的问题
qq_68155756的博客
03-09 4649
今天敲代码遇到了个很操蛋的问题，分页器不显示，我把分页器封装成共用组件，一个组件显示分页器，另一个组件不显示分页器，我心想这么邪门的吗
element-ui中el-pagination分页组件，切换每页显示数量时，有时候数据不显示或获取到的数据为空；只想触发size-change事件不触发current-change事件
qq_45327886的博客
09-23 1万+
element-ui中el-pagination分页组件使用注意事项 切换每页显示数量时，有时候数据不显示或获取到的数据为空 el-pagination组件只想触发size-change事件不触发current-change事件
element-Pagination分页问题
lzxy1213的博客
05-09 1322
element-Pagination在点击换页或者点击搜索按钮应该回到第一页的时候，页面未被激活，即页码未改变。 百度搜索，尝试了很多种方案，比如 加上current-page.sync修饰、结合localStorage利用created()beforeUpdate ()beforeDestroy ()方法，重置current-page属性值..不知道是我没写对还是其他原因，最后都没成功...
elment-ui el-pagination 缩减页码的显示值
vanora1111的博客
04-21 2469
根据产品大大的指挥 来修改样式 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。 ...
element pagination不显示第二页发问题， pagesize小于10不显示第二页
weixin_46700289的博客
11-10 1016
element pagination 不显示第二页
关于Pagination 分页的那些破事--Element
weixin_46084100的博客
06-14 466
关于Pagination 分页的相关解析
vuex-pagination:轻松使用VueVuex应用中的分页资源
05-17
vuex-pagination资源直接映射到API中的相应资源。 资源本身“驻留”在Vuex存储中，并管理已获取的数据。 要初始化新资源，您必须提供fetchPage函数。 该函数接收一些参数，例如当前页面和页面大小，并从API获取...
vue-sliding-pagination:一个滑动分页vue组件
08-04
分页组件的基本用法只需要当前页面、页面总数和在页面更改时调用的处理程序。 分页组件本身不处理页面更改，相反，您需要提供一个页面更改处理程序，该处理程序应包含所有页面更改逻辑（例如 vuex 商店调度），并...
vue-pagination-2:Vue.js 2分页组件
05-02
import Pagination from 'vue-pagination-2'; 脚本标签 在dist/vue-pagination-2.min.js下获取缩小版本。 它将导出全局Pagination变量。 用法 在全局或本地注册组件： Vue . component ( 'pagination' , ...
vue实现音乐平台项目
热门推荐
kzj0916的博客
09-18 1万+
成果 具体效果看B站视频演示； B站地址：视频演示 github地址：项目源码 码云地址：项目源码 各位大佬，帮忙点个赞，投个币，star下,万分感谢大家！ 项目结构 因为文件较多，我是通过截图然后注释上文字，图片有点多，想要了解的话可以私信我，或者b站也有联系方式。 代码重要部分都详细注释解释了 过程 说说搭建过程吧，从无到有，感觉刚开始就得要有构思，先不急着做，先观察结构上布局，规划好路由的设置，有哪几个部分需要跳转，哪里是公共的，哪里是一直显示的，都要好好想想。 刚开始的话还是要做出页面的大致布局。
vue3中组件的v-model使用及详解
kzj0916的博客
09-25 1万+
v-model input中使用双向绑定数据 v-model在vue中我们经常用它与input输入框的输入值进行绑定，简单的实现原理大家也应该都知道 通过v-bind绑定value值 及结合@input输入事件动态改变绑定的value值来实现双向绑定，如下vue3实现代码: <template> <input type="text" :value="tryText" @input="handelInput"> <h2>{{tryText}}</h2&gt
怎么用Vue-Router实现多页面切换？
kzj0916的博客
08-12 7708
用Vue-Router实现多页面切换 1.下载Vue-Router 2.创建专属文件夹，文件夹里创建js进行配置 config 配置mode网址显示的方式为正常的路径 routes 配置各地址对应的组件 默认地址 ‘/’ 显示 主页组件 若多个页面要用到同一个组件只是其中请求数据不同可在其后面加：id 不一定必须取id，可以自己定义 '*'表示以上所有地址都未匹配到则执行404错误页面 name 是为了 更好更精确的跳转到想要页面 如果只是path的话，改变path则将会找不到页面，而有了name之后，
vue3中如何使用Ts搭建项目的网络请求axios
kzj0916的博客
11-24 5181
前言 最近学习了vue3又学习了ts，学完准备搭建一个项目练练手时。突然想起现在封装的网络请求貌似是vue2和原生js以及axios结合使用的，所以当我们使用vue3和ts进行开发的时候那肯定也得根据当前的技术来重新封装一个结构性更强的基于axios的网络请求体系。封装好了我们以后搭建项目可以说直接采用就好了，学习此文能让我们体会ts在封装网络请求时所给予更加完善的安全性，让我们来看看ts的独特魅力吧。 结构预览及说明 src下新建service文件夹为主文件夹 request为封装请求的文件夹 con
vue是怎么实现数据响应式的？
kzj0916的博客
08-29 4490
vue响应式原理介绍 相信用过vue的都知道，vue中data中定义的数据会随着我们通过方法改变该数据的同时，页面上相关此数据的也会相应的刷新，实现响应式数据。可你知道它是如何实现这一功能的吗？下面让我们来了解了解它是如何做到这神奇操作的。 1.Object.defineProperty 监听修改读取数据 Object.defineProperty(obj, prop, descriptor) 可传入三个值，其作用是该方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 第一个值
el-pagination 每页页数
最新发布
03-06
el-pagination是Element UI框架中的分页组件，用于在前端页面中展示分页信息和实现分页功能。它可以根据总数据量和每页显示的数据数量来计算出总页数，并提供相应的页码按钮供用户点击切换页面。 关于每页页数的设置，el-pagination提供了一个属性`page-size`来指定每页显示的数据数量。你可以通过设置`page-size`属性的值来控制每页显示的数据条数。默认情况下，`page-size`的值为10，即每页显示10条数据。 如果你想修改每页显示的数据数量，只需将`page-size`属性设置为你想要的值即可。例如，如果你想每页显示20条数据，可以将`page-size`设置为20。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值