微信小程序scroll-view实现自定义刷新@TOC
先说原生页面级的刷新
通常我们可以利用微信小程序的onPullDownRefresh函数(下拉刷新监听函数)和onReachBottom函数(上拉加载监听函数)监听页面的下拉和上拉动态,从而对页面数据进行修改!
1.在页面.json文件声明
//下拉刷新
"backgroundTextStyle":"dark",//backgroundTextStyle 设置为 dark 是为了可见下拉时的三个点。。
"enablePullDownRefresh": true//允许下拉刷新
2.使用onPullDownRefresh()监听用户下拉操作,实现刷新操作;
onPullDownRefresh(){
var self = this;
wx.showToast({
title:'加载中....',
icon:'loading'
});
setTimeout(() => {
// 数据成功后,停止下拉刷新
wx.stopPullDownRefresh();
}, 1000);
},
tips:可以通过wx.startPullDownRefresh和wx.stopPullDownRefresh触发和关闭页面下拉刷新;