uniapp滚动分页

起早贪黑打工人

于 2020-11-25 10:41:11 发布

阅读量2.7k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_43282898/article/details/110119314

本文探讨了一种使用uniApp实现滚动分页的方法，强调了后台接口在判断是否为最后一页中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
	<view>
		<view v-for="(item,index) in list" :key="index"></view>
		<view class="loadingText">{
  {loadingText}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: []
				page: 1,
				loadingText: '上拉显示更多'
			}
		},
		onLoad(options) {
			this.getList()
		},
		onPullDownRefresh() {
			this.page = 1
			this.getList()
		},
		onReachBottom() {
			this.getMoreList();
		},
		methods: {
			getList() {
				this.$agreementApi.getList(this.page, this.pageSize).then(res => {
					if (res.code == 0) {
						this.list = res.data.data;
						uni.stopPullDownRefresh()
						this.page++
					}
				});
			},
			getMoreList() {
				this.loadingText = '-- 正在加载 --'
				this.$agreementApi.getList(this.page, this.pageSize).then(res => {
					if (res.code == 0) {
						if (res.data.data.len

最低0.47元/天解锁文章