uni-app实现上拉加载&下拉刷新

下拉刷新&上拉加载效果图

下拉刷新:
备注:会把网络上的最新数据刷新出来;

上拉加载

备注:打开一个小程序会有很多条数据,我们不可能一次性把所有的数据全部加载出来,需要我们进行上拉加载更多数据…
比如:第一次打开8条数据，但是8条数据不够我们使用，我们就需要进行上拉在加载8条数据,这样以此类推;需要多少,我们就加载多少条，这样就加快了打开界面的速度…

实现的代码

"enablePullDownRefresh":true	

主要代码,全部都有注释

<script>
	 var _this;
	 var page=1;
	 var timer=null;
	export default {
   
		data() {
   
			return {
   
				pages:[],
				loading:"加载更多"
			}
		},
		
		onLoad:function(){
   		//页面第一次加载是会触发，可以把一些不需要实时更新的数据放入
			_this=this;
			this.getNews();
		},
		onPullDownRefresh:function(){<