小程序触底加载

1.首先用接口请求数据

			async getDataList() {
				// 判断是否处于加载中
				this.isLoading = true
				uni.showLoading({
					title: '加载中'
				});
				let res = ''
				try {

					if (this.currLabel == '默认') {
						res = await myRequest({
							url: "/api/jobList",
							method: "post",
							data: {
							
								page: this.page,
								limit: this.limit,

							},
						})
					} else if (this.currLabel == '筛选') {
						res = await myRequest({
							url: "/api/jobList",
							method: "post",
							data: {
							
								page: this.page,
								limit: this.limit,
								wage: this.wage,
								industry: this.industry,
								education: this.education

							},
						})
					}
					//加载成功重置
					this.isLoading = false
					if (res.data.data) {
						this.page++
						this.alllist = [...this.alllist, ...res.data.data]
					}
					// console.log(this.alllist,'this.alllist');
					this.total = res.data.count
					uni.hideLoading()
				} catch (error) {
					uni.hideLoading()
				}

			},

根据不同的tab 渲染同一个数据list

		onReachBottom() { //触底事件
			// isLoading为true时候说明正在加载 还没加载完成 禁止触发
			if (this.isLoading) {
				console.log('正在加载中');
				return
			}
			if (this.alllist.length >= this.total) {
				uni.showToast({
					title: '没有更多数据',
					icon: 'none',
					duration: 2000
				});

				return
			}
			this.getDataList()
		},