uni-app下拉刷新触底加载更多

 首先在pages.json 配置文件中配置    "enablePullDownRefresh": true  需要在哪用加载就配置在路由的style里

uni-app下拉刷新触底加载更多_第1张图片

两个事件

//下拉刷新
onPullDownRefresh() {

			console.log('下拉刷新');
			
		},

//触底加载更多

onReachBottom(e) {

			console.log('触底加载更多');

		}

 完整dome:






//dome中的测试接口php文件  onPullDownRefresh.php


注意:接口用之前一定要先开启phpStudy不然接口相当于没用  看看就好

uni-app下拉刷新触底加载更多_第2张图片

官方下拉刷新:https://uniapp.dcloud.io/api/ui/pulldown?id=onpulldownrefresh
触底加载更多 》》》生命周期函数:https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F

你可能感兴趣的:(uni-app)