uni-app

uni-app:下拉刷新

开起下拉刷新:

  1. 需要在 pages.json 里,找到的当前页面的pages节点,并在 style 选项中开启 enablePullDownRefresh
  2. 当处理完数据刷新后,uni.stopPullDownRefresh 可以停止当前页面的下拉刷新。

监听下拉刷新:

1.通过 onPullDownRefresh() 可以监听到下拉刷新的

2.通过uni.stopPullDownRefresh()关闭下拉刷新 :停止当前页面下拉刷新

3.通过setTimeout()来实现延时控制

onPullDownRefresh() {
		console.log('触发下拉刷新')
		setTimeout(()=>{
			this.list = ['ui','前端','javitema','大数据']
			uni.stopPullDownRefresh()
		},2000)
	},

 

方法下拉刷新:

1.定义一个 button  并定义函数名

2.通过uni.startPullDownRefresh() :开始下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。

<template>
<button @click="pullDown">下拉刷新</button>
</template>
<script>
methods:{
		pullDown(){
			uni.startPullDownRefresh()
		}
		}
</script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值