2021-05-19 上拉加载

上拉加载：

  onReachBottom()  

     1.页面滚动到底的事件（不是scroll-view滚到底），常用于下拉下一页数据。

<template>
	<view>
		<view>这个是列表页</view>
		<view class="box-item" v-for="item in list">
		 {{item}}
		</view>
	<!-- 	<button @click="pullDown">下拉刷新</button> -->
	</view>
</template>

<script>
	export default{
		data() {
			return{
			list:['前端','javitema','ui','大数据','javitema','ui','大数据','javitema','ui','大数据']
         }
	},
	onPullDownRefresh() {
		console.log('触发下拉刷新')
		setTimeout(()=>{
			this.list = ['ui','前端','javitema','大数据']
			uni.stopPullDownRefresh()
		},2000)
	},
	onReachBottom() {
		console.log('页面触底了')
		this.list = [...this.list,...['javitema','ui','大数据','javitema','ui']]
	},
	methods:{
		pullDown(){
			uni.startPullDownRefresh()
		}
		}
	}
</script>

<style>
	.box-item{
		height: 100px;
		line-height: 100px;
	}
</style>

"onReachBottomDistance":200  

1.页面上拉触底事件触发时距页面底部距离，单位只支持px     （注：在pages里面配置）