解决element-ui分页器中删除最后一页最后一项数据时，页面不刷新到最新页的问题

最新推荐文章于 2023-12-27 10:55:36 发布
最新推荐文章于 2023-12-27 10:55:36 发布
阅读量695 收藏 1
点赞数 2
分类专栏： 项目相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VegetableKCCCC/article/details/119736776
版权

前端开发 数据渲染 页面状态 异常处理 用户体验
关键词由CSDN通过智能技术生成

首先看删除完最后一项数据后，明明只剩6页，当前页确还是第七页，所以导致最后页面没有数据
在这里插入图片描述
这时候需要在调用重新渲染数据列表之前写下以下判断，再调用数据请求即可
在这里插入图片描述

xx小黄人
关注
专栏目录
vue2 -- element-ui Pagination分页删除最后一页的最后一条数据，返回上一页。
King Saj
01-09 915
table列表设置10条/页，共11条数据，删除第二页第一条后，页面显示无数据。建议：刷新页面，显示上一页的数据。
element-ui 分页器，删除最后一条数据，不会跳转到前一页
m0_72883244的博客
08-10 307
分页器
element-ui分页，删除数据之后如何还在当页
Mr-Bean的博客
08-14 1418
<el-pagination background layout="prev, pager, next,total,jumper" style="padding: 30px 0; text-align: center;" :total="total" :current-page="page" :page-size="limit" @current-change="fetchData" > 问题1：上下页切换不生效 分页插件对应的page-change方法fetc
Vue组件库Element-ui 删除表格最后一页 的最后一条数据时，重新获取数据，不会刷新页面BUG
m0_48469523的博客
05-08 2446
Vue组件库Element-ui 删除表格最后一页 的最后一条数据时，重新获取数据，不会刷新页面的BUG 本人小白自学前端中，在一个element-ui项目中，遇到这样的一个bug 。 在删除了第七页的最后一条数据之后，重新获取了列表数据，但是不显示数据，需要刷新之后才会显示。如图： 百度之后，说是虽然数据删除了但是还是在当前页面。 so 本着没事多敲敲代码的想法 验证了下 如下图： *看到了结果之后，顿时感叹自己还是太弱了， 然后看了下前辈们提供的方法， 瓦特？ 要定义这么多变量？ 我 就比较懒不想
解决vue2使用element-ui中表格组件，删除当前分页最后一条数据后，无法获得新数据的问题
涉及毕业论文、远程调试、网站、小程序、app、python、前端、pycharm、vscode等
08-16 687
解决vue2使用element-ui中表格组件，删除当前分页最后一条数据后，无法获得新数据的问题
el-pagination删除列表里的最后一条数据，列表内容未刷新
weixin_42301445的博客
05-19 701
问题描述 使用 elementUI 的 el-pagination的时候，删除列表里的最后一条数据，分页会回到上一页，但是列表没有数据 解决方案 本来是想着在请求业务层去做的，但是每个分页都要加一大坨代码感觉很麻烦就对 el-pagination进行了一下封装 <template> <el-pagination v-on="$listeners" v-bind="attr" > <slot></slot&gt..
解决 element-ui Pagination（分页）删除末页最后一条数据，并返回上一页问题
m0_67484664的博客
05-14 890
在使用`element-ui 的 Pagination`的时候，删除末页最后一条数据，重新发送请求获得数据时，任然显示最后被删除的那条数据，并重新请求获取数据失败；但数据库中确实删除成功。
在 element 的 table列表中删除最后一条数据页面不自动跳到上一页的解决方法
miracle_linlei的博客
01-11 675
在 element 的 table列表中删除最后一条数据页面不自动跳到上一页的解决方法
vue+element-ui中实现多层级复杂的维度根据数据自动生成的表头
热门推荐
前端技术的学习整理
05-22 3万+
表头主要复杂在：1，有三层，一层是大类，第二层是具体项，第三层是标准值/对比值2，首列和末尾列是一层3，整个表格的维度是根据数据的输入自己生成，也就是动态的下面是在 vue + eleUI 中的解决方案：&lt;el-table :data="tableData" border style="width: 100%" max-height="700" v-loading="areaLoading"...
黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-商品管理（商品分类）
weixin_48884617的博客
04-17 3366
黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-商品管理（商品分类）
黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-商品管理（商品列表）
weixin_48884617的博客
04-19 8571
黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-商品管理（商品列表）
2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）商品列表篇
超逸の学习技术博客
01-23 2078
文章目录1、引言2、商品列表篇2.1 通过路由加载商品列表组件2.2 渲染商品列表数据2.3 自定义格式化时间的全局过滤器2.4 实现商品列表的分页功能2.5 实现搜索与清空的功能2.6 根据id删除商品数据2.7 通过编程式导航跳转到商品添加页面2.8 渲染添加页面的基本结构2.9 实现步骤条和tab栏的数据联动效果2.10 绘制基本信息面板的UI结构2.11 绘制商品分类的级联选择器2.12 ...
使用element-ui时删除最后一页全部数据时显示无数据的bug修复
JackieDYH的博客
06-18 1668
问题： element-ui的分页组件在你删除最后一页数据的时候默认的还是会显示在最后一页，此时最后一页已经没有数据了，所以就显示暂无数据，需要手动去跳转到第一页或者重新刷新页面才能看到第一页的数据 解决： 1.如果是删除最后一页的最后一条数据，则要跳转到第一页 2.如果不是则继续显示在当前页中 翻页组件 <!-- 分页 page-size 每页展示的数据条数 total 总数据条数 current-change 页码点击事件 --> <el-paginatio.
element Pagination分页 删除最后一条数据返回上一页问题
weixin_49186680的博客
01-30 3389
问题描述: 在删除表单最后一条数据时,自动返回上一页,但实际情况是还是删除前的页数,数据为空 解决办法: rowDel(row) { sensitiveWordDelete(row.id).then((res) => { if (res.data.code == 200) { this.$message({ type: "success", message: "删除成功!", })
vue中el-form表单无法监听到新增和删除的对象值
anny_mei的博客
09-10 585
这算是defineProperty的缺陷了 虽然Object.defineProperty通过为属性设置getter/setter能够完成数据的响应式，但是它并不算是实现数据的响应式的完美方案，主要缺陷有 无法检测到对象属性的新增或删除 <p>{{obj}}</p> <p>{{arr}}</p> data(){ return { obj:{ a:2 } } }, mounted () {
Vue高阶组件的应用场景一：el-table表格删除数据后，el-pagination自动向前翻页。
qq_20667737的博客
02-25 1125
Vue高阶组件的应用场景一：el-table表格删除数据后，el-pagination自动向前翻页。
element-ui el-pagination分页 删除本页最后一条数据，跳转到上一页
fdksfskldfdslkfs的博客
07-22 1286
userRoleList.length表格的长度。currentPage1,当前页。pagesize10,每页条数。
IIS部署网站（建站）
weixin_30345055的博客
12-14 428
双击IIS图标，运行IIS服务器； 如下图所示： 2 IIS打开后，选中网站，然后右键，在弹出的菜单中，选择新建，然后选择网站；如下图所hi： 3 在弹出的窗口中，直接点击下一步；如下图所示： 4 输入网站描述，并点击下一步；如下图所示： 5...
vue-element分页使用 删除最后一条数据后，返回上一页
最新发布
weixin_45859470的博客
12-27 650
【代码】vue-element分页使用 删除最后一条数据后，返回上一页。
Vue+Element-UI分页实现详解
"本文主要探讨了在Vue.js框架中结合Element-UI组件库实现分页功能的问题，通过一个实际场景分析了如何在Vue项目中解决这个问题。作者在试图模仿ant-design-pro的设计风格时，遇到了文件体积过大、技术栈适应性以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值