uniapp下拉刷新

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();//关闭刷新
		},

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值