招聘做网站专业人员,网站建设佰金手指科杰二七,ui设计师需要学的软件,义乌来料123加工网微信小程序开发系列 文章目录 前言一、onPullDownRefresh函数二、实现1.开启下拉刷新2.监听下拉事件 前言
在开发微信小程序中经常会需要下拉页面进行更新要页面数据的功能#xff0c;微信小程序提供了onPullDownRefresh函数。该函数作用是监听用户下拉动作。 一、onPullDown…微信小程序开发系列 文章目录 前言一、onPullDownRefresh函数二、实现1.开启下拉刷新2.监听下拉事件 前言
在开发微信小程序中经常会需要下拉页面进行更新要页面数据的功能微信小程序提供了onPullDownRefresh函数。该函数作用是监听用户下拉动作。 一、onPullDownRefresh函数
监听用户下拉刷新事件。
需要在app.json的window选项中或页面配置中开启enablePullDownRefresh enablePullDownRefresh: true可以通过wx.startPullDownRefresh触发下拉刷新调用后触发下拉刷新动画效果与用户手动下拉刷新一致。当处理完数据刷新后wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
二、实现
1.开启下拉刷新
{navigationBarTitleText: 订单详情,enablePullDownRefresh: true,//开启下拉刷新backgroundTextStyle: dark,usingComponents: {}
}2.监听下拉事件 /*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh() {wx.showLoading({title: 刷新中...,})//加载中this.getOrderDetail(this);//业务处理},getOrderDetail: function (e) {var that e;var id that.data.id;var params {url: /getOrderDetail,method: POST,data: {id:this.data.id},callBack: function (res) {//设置数据wx.hideLoading();wx.stopPullDownRefresh();//停止下拉刷新效果}};http.request(params);},
