element-ui分页功能删除最后一条数据返回上一页

最新推荐文章于 2023-07-08 15:03:29 发布

Duke的专栏

最新推荐文章于 2023-07-08 15:03:29 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue+element-ui 文章标签： element-ui分页

本文链接：https://blog.csdn.net/Duke10/article/details/117524247

vue+element-ui 专栏收录该内容

3 篇文章

订阅专栏

element-ui分页功能删除最后一条数据返回上一页

         // 为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页（pageSize=1时不生效）
          let totalPage = Math.ceil((this.total - 1) / this.pageSize)
          let currentPage =
            this.currentPage > totalPage ? totalPage : this.currentPage
          this.currentPage = currentPage < 1 ? 1 : currentPage

完整代码

    user_delete(callback) {
      let postData = {}
      let data = []
      for (var i = 0; i < this.selectedList.length; i++) {
        data.push(this.selectedList[i].value)
      }
      postData.data = window.JSON.stringify(data)
      deleteTerminalUser(postData).then(res => {
        if (res.success == true) {
          // 为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页（pageSize=1时不生效）
          let totalPage = Math.ceil((this.total - 1) / this.pageSize)
          let currentPage =
            this.currentPage > totalPage ? totalPage : this.currentPage
          this.currentPage = currentPage < 1 ? 1 : currentPage
          this.$notify({
            title: '成功',
            message: res.msg,
            type: 'success'
          })
        } else {
          this.$notify({
            title: '失败',
            message: res.msg,
            type: 'error'
          })
        }
        callback()
      })
      // this._user_find()
    },