vue 接口支持翻页之前端处理

/**
     * @function {获取列表数据}
     */
    getPostPageList () {
    //loading 遮罩、防刷
      if (this.loading) return
      this.loading = true
      newsService
        .getPostPageList({ ...this.pageObj })
        .then((res) => {
          console.log(res)
          let infoList = res.data.data
          if (infoList) {
            this.list = this.list.concat(infoList)
            if (this.list.length >= res.data.total) {
              // 总数据长度和接口返回total数相同,则表示此为最后一页
              this.finished = true
            }
          } else {
            this.finished = true
          }
          //更新this.pageObj翻页数据
          this.pageObj.pageIndex++
        })
        .finally(() => {
          this.loading = false
        })
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容