vue 递归分页方法

最新推荐文章于 2024-10-29 15:07:37 发布

原创最新推荐文章于 2024-10-29 15:07:37 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

文章描述了一个使用异步编程方法`asyncexportAll`从API接口`$API.xxx.list`获取分页数据的过程，将每次获取的数据合并到总列表中，直到所有数据加载完毕。

async exportAll() {
	this.isLoading = true
	let res = await this.$API.xxx.list(this.pages)
	if (res.data.rows.length) {
		if (this.pages.page == 1) {
			this.allStuList = res.data.rows
		} else {
			this.allStuList = this.allStuList.concat(res.data.rows)
		}
		this.pages.page++
		if (res.data.rows.length == this.pages.pageSize) {
			this.exportAll()
		}else{
			this.isLoading = false
		}
	}
}