el-select下拉加载数据判断最后一页?

作者站长头像
站长
· 阅读数 11

获取数据方法:

getTitlePage() {
      getTitlePage({
        pageNum: this.formData.pageNum,
        pageSize: this.formData.pageSize,
      }).then((res) => {
        if (!res) return;
        this.formData.total = res.total;
        this.totalPage = res.pageSize;
        this.titles = res.list.map((item) => ({
          label: item.name,
          value: item.id,
          manager: item.manager,
          disabled: false,
        }));

        console.log('res.pageNum', res.total);
      });
    },

下拉加载方法

//下拉加载更多
    selectLoadMore() {
      // 防抖处理
      let timeout = null;
      clearTimeout(timeout);
      timeout = setTimeout(() => {
        this.formData.pageNum += 1;
        this.getTitlePage();
      }, 500);
    },

本来是18条数据,分2页,下拉加载的话应该是2页就对了,但是现在为啥出现了第3页,就导致整个下拉数据为空的el-select下拉加载数据判断最后一页?

回复
1个回答
avatar
test
2024-07-15

就是正常的加一个 loadAllflag

每次在请求完成数据的时候去判断一下当前的 pageNum × pageSize 是否已经大于等于接口返回的 total 值就行了。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容