uni-app:下拉刷新
开起下拉刷新:
- 需要在
pages.json
里,找到的当前页面的pages节点,并在style
选项中开启enablePullDownRefresh
。 - 当处理完数据刷新后,
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>