element-ui删除最后一页的数据时，如何让它自动返回到上一页

最新推荐文章于 2023-07-20 14:29:39 发布
最新推荐文章于 2023-07-20 14:29:39 发布
阅读量3.3k 收藏 2
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lemontree_fu/article/details/100918286
版权

在删除成功的下面写上以下的代码：

          const totalPage = Math.ceil((_this.totalval - 1) / _this.pageSize) // 总页数
          _this.cur_page = _this.cur_page > totalPage ? totalPage : _this.cur_page
          _this.cur_page = _this.cur_page < 1 ? 1 : _this.cur_page

          _this.getData(_this.cur_page);//重新渲染数据

 比如，我们现在一共三页，当删除完第三页全部的内容时，就自动跳回到第一页

 

水蜜桃那么甜
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于分页时怎么实现当本页面最后一条记录被删除时,自动向上一个页面跳转的实现（java实现）
suchen0440的博客
10-22 3848
关于分页时怎么实现当本页面最后一条记录被删除时,自动向上一个页面跳转的实现（java实现） ##问题详解 在做批量删除时，发现若批量删除整页时，会自动跳到第一页首页，而不是返回删除当前页的上一页，不符合产品要求且使界面交互不好，给用户带来糟糕体验。 ##思路详解 在controller层传参时要考虑到不仅要传入需要删除的id集合，同时传入pageSize,pageNum以及总条数集合的查询条件（如...
element-ui Pagination 分页器 删除最后一页数据时跳转回上一页
最新发布
weixin_68665403的博客
08-17 354
解决element-ui Pagination 分页器 删除最后一页数据时不能跳转回上一页的问题
vue中引用element-ui组件中的分页删除最后一条数据返回到上一页。
weixin_44571595的博客
08-08 564
vue中解决分页中删除最后一条数据返回上一页
elementUI分页删除最后一页数据时跳转回上一页
qq_46580571的博客
04-09 1890
问题： 我们在使用elementUI分页组件的时候，当我们删除最后一条数据的时候会出现当前页码值跳转，数据为空的情况，如下图： 上图的情况是因为我们在执行删除请求成功后，当前的页码值仍为该值，又调用渲染页面的函数，该页码的数据都已经删除完毕，所以显示为空数据,如下图代码示例 解决： 分析问题完毕之后，我们只需要在删除之前把当前页码值动态的修改就可以。如下图代码可以解决该问题 上图中第一行代码可以计算出来当前数据总页数 上图中第二行代码可以把请求接口初始数据动态的判断出来，并赋值 上图中第三行代码可以
element-plus+vue3+ts Pagination分页 删除最后一条数据返回上一页问题
qq_44997940的博客
10-18 796
啦啦啦
elementUI 返回上一个页面
07-08 654
There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence. The blog content is all parallel goods. Those who are worried about being cheated should leave quickly.
element-ui表格本页数据清空了自动跳转上一页
weixin_43276017的博客
03-03 574
需求：删除一项或者删除全部导致本页数据为空时，自动跳转上一页 解决思路：计算剩余数据总页数，赋值给当前页，修改页面数据总数。重新获取数据渲染 代码： 单条删除： if(this.tableData.length == 0){ //当前页为空自动跳转上一页 const totalPage = Math.ceil((this.totalSize - 1) / this.pageSize) // 剩余数据总页数 this.currentPage = this.c
实现最完整的分页效果，删除最后一个自动跳转到前一页的数据
m0_74105134的博客
07-20 584
这是简单的基础分页，具体来讲，当页面一共展示五页的数据，删除第五页的最后一条数据时应该自动跳转到第四页，这是需要和我们页面的数据联系到一起。1.首先是使用的组件库，首先要正确的安装引用组件，才可以在项目中使用，具体代码如下。使用的是elements里的分页的组件，也可以自己封装分页组件。这样就可以实现一个完整的分页效果！的计算: 这一行代码计算出最后一页的长度，即总数 (这可以用来检查最后一页是否完全填满了结果。条件判断: 接下来的条件判断语句使用。
Extjs最后一页数据删除之后自动返回上一页
weixin_34342905的博客
11-22 158
var st =grid.getStore(); var totalCount = st.getTotalCount(); // 所有的记录数，不单单是当前页展示的数据 var pageSize = st.pageSize; // 一页上面展示的记录条数 var curPage = st.currentPage; // 当前页码 ...
vue element 点击按钮返回上一页
疑问 搜索 动手 解决 记录
12-16 4864
如何通过点击的方式控制当前页返回到上一个路由页面： <el-button plain @click="returnPage">取消</el-button> // 返回上一级 returnPage(){ if (window.history.length <= 1) { this.$router.push({ path: "/system/storageManagement" }); return false; }
js数据表格删除后无数据自动跳上页
yqw13989575652的博客
11-30 274
js数据表格删除后无数据自动跳上页
element-Ui分页跳转后返回当前页(iview相同)
山海一哥的博客
01-16 6878
如果缓存较多内容请使用keep-alive,本文仅针对个别需要缓存的页面。 由于每次打开都会重新加载页面的数据，因此在第二页（非第一页）的table中跳转后又从下一页返回，该页面会重新为第一页，解决方式有二种 第一是使用keep-alive，配合v-router的导航钩子 beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confir......
Web自动化测试（2）——操作元素的基本方法
tairu的博客
10-30 353
注：能力有限，本文只做个人学习使用，无意技术讨论。 一、操作元素基本方法 1.打开网页：driver.get(‘https://www.baidu.com’) 2.设置休眠：time.sleep(3) 3.页面刷新：driver.refresh() 4.页面切换，1.返回上一页：driver.back()；2.切换到下一页：driver.forward() 5.设置窗口大小，1.设置窗口大小为540*960：driver.set_window_size(540,960)；2.将浏览器窗口最大化：dr
element分页在当前分页删除数据,删除完就跳转到第一页解决方法
luoxiaonuan_hi的博客
06-17 1914
element分页在当前分页删除数据,删除完就跳转到第一页解决方法
解决：element-ui分页器在将最后一页列表数据删完时，页面不刷新到最新数据
weixin_71403100的博客
05-09 1080
解决：element-ui分页器在将最后一页列表数据删完时，页面不刷新到最新数据
element-ui分页组件在返回时总是显示第一页的问题的完美决绝方案
smallteddy.blog.csdn.net
06-09 5163
问题演示： 在element-ui列表渲染数据，底下有分页，点击查看可以跳转到详情的组件，详情的组件有一个返回键，现在的问题是每一次点击回到列表页，都是显示的第一页，也就是说我在列表页看到第三页的数据，随机点进去一个查看，返回的时候列表页又显示的第一页的数据，这样用户体验极其不好，部分代码如下： 期望的效果：当用户点击第三页，再点击查看，点击返回的时候，列表还是停留在第三页上。 -解决方案：用LocalSotrage或者SessionStorage将在列表页点击的currentPage（当前页）的数.
解决 element-ui Pagination（分页）删除末页最后一条数据，并返回上一页问题
m0_67484664的博客
05-14 823
在使用`element-ui 的 Pagination`的时候，删除末页最后一条数据，重新发送请求获得数据时，任然显示最后被删除的那条数据，并重新请求获取数据失败；但数据库中确实删除成功。
element-ui el-pagination分页 删除本页最后一条数据，跳转到上一页
fdksfskldfdslkfs的博客
07-22 1236
userRoleList.length表格的长度。currentPage1,当前页。pagesize10,每页条数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值