ant deign分页问题删除列表最后一项自动跳转到上一页

最新推荐文章于 2024-05-09 19:03:59 发布

qq_43710066

最新推荐文章于 2024-05-09 19:03:59 发布

阅读量233

点赞数

文章标签： html5 前端框架 anti-design-vue 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_43710066/article/details/129497094

版权

解决方案

total:当前数据的条数

limit:每页有多少条数据

page:当前页

const totalPage = Math.ceil((this.total - 1) / this.limit) // 总页数
this.page = this.page > totalPage ? totalPage : this.page
this.page = this.page < 1 ? 1 : this.page

项目中示例：

removeUserGroup: function(usergroup) {
  // 当前删除的数据
  console.log(usergroup)
  // 所有的数据
  console.log(this.usergroups_selected_raw)
  // 剩余的数据列表
  this.usergroups_selected_raw = _.filter(
    this.usergroups_selected_raw,
    (usr) => {
      return usr.id !== usergroup.id
    }
  )
// 删除最后一条数据跳转到上一页
    const totalPage= Math.ceil((this.usergoupsselectedpager.total-1)/this.usergoupsselectedpager.pageSize)
    this.usergoupsselectedpager.current=this.usergoupsselectedpager.current>totalPage? totalPage:this.usergoupsselectedpager.current
    this.usergoupsselectedpager.current=this.usergoupsselectedpager.current<1?1:this.usergoupsselectedpager.current
    this.loadUserGroupSelected()
},