微信小程序 MiniProgram
下拉刷新
index.json
配置允许下拉以及下拉时加载的样式(这里会出现三个点的加载动画)
{
"backgroundTextStyle":"dark",
"enablePullDownRefresh":true
}
index.js
配置用户下拉动作的回调函数
onPullDownRefresh() {
wx.showNavigationBarLoading(); // 显示三个点的加载动作
this.getList();
},
配置远程getList调用成功后,关闭加载动作以及设置下拉动作完成(缩回去)
getList() {
var that = this;
couponApi.getList({}).then(apiRes => {
that.setData({
items: apiRes.content
});
wx.hideNavigationBarLoading();//隐藏三个点的加载动画
wx.stopPullDownRefresh();// 结束下拉
});
},