1、在pages.json配置开启下拉刷新
"enablePullDownRetresh": true
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"navigationStyle": "custom",
"animationType": "fade-in",
"animationDuration": 10,
"enablePullDownRetresh": true
}
},
2、在页面的onLoad生命周期函数开启下拉刷新
onLoad() {
/*#ifdef APP*/
// 获取当前 Webview 窗口对象
const pages = getCurrentPages();
console.log("0-0-0-0-0")
console.log(pages)
const page = pages[pages.length - 1];
console.log('page', page)
this.currentWebview = page.$getAppWebview();
// 开起下拉刷新
this.currentWebview.setStyle({
pullToRefresh: {
support: true,
style: plus.os.name === 'Android' ? 'circle' : 'default'
}
});
/*#endif*/
}
3、在页面的生命周期函数onPullDownRefresh刷新函数中编写刷新过程处理的事情,最后关闭刷新
// 下拉刷新后处理效果
async onPullDownRefresh(){
/**
刷新过程中处理的事情
*/
uni.stopPullDownRefresh();//关闭刷新
},