vue 分页删除最后一条数据,返回上一级的分页

在VUE+element使用 Pagination 分页分页的时候 当数据较多时使用element中的分页功能,在删除第二页的最后一条数据时,当前页数转成了上一页,可是页面数据并没有跳转到上一页
所有找个了方法 直接跳转上一页

/*
*this.total  当前数据的条数
*this.page 当前页数
*/
 const totalPage = Math.ceil((this.total - 1) / this.pageSize) // 总页数
           this.page = this.page > totalPage ? totalPage : this.page
           this.page = this.page < 1 ? 1 : this.page

        this.lodData(this.pageSize, this.page)//请求数据

当在第二页删除最后一条数据的时候 直接返回上一页

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中实现列表分页跳转到详情页后进行上一条一条,可以采用如下的步骤: 1. 首先,你需要创建一个列表页面,用来展示多个条目,并提供跳转到详情页的链接或按钮。可以使用Vue Router来管理页面的路由。 2. 在列表页面的数据中,你需要保存列表数据以及当前选中的索引号。可以使用data属性来定义列表数据和当前选中索引的变量。 3. 在跳转到详情页时,将当前选中索引作为参数传递给详情页。可以使用Vue Router的动态路由来传递参数。 4. 在详情页中,接收传递过来的参数,并根据参数获取对应的详情数据。可以使用created钩子函数来获取参数,并根据参数请求对应的数据。 5. 在详情页中,你可以通过计算属性来获取上一条和下一条的索引。计算属性可以根据当前选中索引和列表数据的长度计算得出。在计算属性中,你需要考虑边界条件,例如第一条最后一条。 6. 在详情页中,你可以通过computed属性获取上一条和下一条的详情数据。根据上一步计算得到的索引,从列表数据中获取对应的详情数据。 7. 最后,你可以在详情页中展示上一条和下一条的链接或按钮,并绑定相应的事件。当点击链接或按钮时,通过Vue Router的push方法跳转到对应的详情页。 通过以上步骤,你就可以在Vue中实现列表分页跳转详情页后进行上一条一条的功能了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值