小型マイクロチャネルプルダウンプログラムの実装データの更新、より多くのキャリアLAC

ドロップダウンデータの更新:

シナリオ:リストデータを更新します。

  1. app.json JSONファイル対応するファイルまたはページ内の構成「enablePullDownRefresh」:真を、
//下拉更新数据
onPullDownRefresh(){
       let _this = this;
        _this.getShopOrderList(_this.page);
        setTimeout(()=>{
        	wx.stopPullDownRefresh();
        })
},
methods: {
	getShopOrderList:function(page){
		let _this = this;
		_this.$API
                    .getShopDeliveryList({                 
                        page:page,
                        pageSize:_this.pageSize
                    })
                    .then(res => {
                       _this.orderList = res.billList;
                    })
                    .catch(res => {});
	}
}

()ドロップダウンリフレッシュwx.startPullDownRefresh、マニュアルプルダウン効果によってトリガと同じリフレッシュされることができます。

ラジャの詳細アップロード:

シナリオ:ページの読み込みデータ。

  1. JSONファイル対応app.jsonファイルまたはページに設定されている「onReachBottomDistance」:50トリガ距離を、
//上拉加载下一页
onReachBottom(){
       let _this = this;
       
       //判断到是最后一页,则停止刷新
       if((1+_this.page) > _this.totalPage){  
             _this.tip('没有更多了!');
             return false;
		}
		
        _this.getShopOrderList(1+_this.page);
        _this.page = 1+_this.page;
},
methods: {
	getShopOrderList:function(page){
		let _this = this;
		_this.$API
                    .getShopDeliveryList({              
                        page:page,
                        pageSize:_this.pageSize
                    })
                    .then(res => {                  
						 _this.orderList = _this.orderList.concat(res.billList);
                        _this.totalPage = Math.ceil(res.total/res.pageSize);
                    })
                    .catch(res => {});
	}
}
公開された258元の記事 ウォン称賛21 ビュー50000 +

おすすめ

転載: blog.csdn.net/wsln_123456/article/details/104538622