uni-app页面到底部，下拉加载下一页数据

 onReachBottom

 使用方法：

直接在js中写 onReachBottom的方法

html部分

<view v-for="item in list">{{item}}</view>

到底部时候会给一个这样到提示，icon是改变的提示的样式

 

在page.json页面配置中有一个属性，默认是50

 我们设置一下，距离底部200的时候就会触发这个触底提示

"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "uni-app",
				"enablePullDownRefresh":true,
				"onReachBottomDistance":200
			}
		}
	],

 那这样如何加载下一页到数据呢

举个例子

...this.list是旧数据，...['java','ui']是新数据

onReachBottom(){
			uni.showToast({
				title:'到底部了',
				icon:'none'
			}),
			this.list=[...this.list,...['java','ui']]
		},

1