<template>
<view>
<view>这是列表页</view>
<view v-for="(item,index) in list">
序号:{
{index}}
职位:{
{item}}
</view>
<button @click="pullDown">下拉刷新</button>
</view>
</template>
<script>
export default{
data() {
return{
list:["前端","大数据","IU","测试","大数据"]
}
},
onPullDownRefresh(){
console.log("这是下拉刷新函数,触发了下拉刷新函数,可以在这里做一些操作")
setTimeout( () => { // 又添加了一个定时器 2秒后关闭 1. 手动下拉刷新
this.list = ["IU","测试","前端","大数据","大数据"] // 换换位置下拉刷新一下就会发生改变
uni.stopPullDownRefresh() // 关闭下拉刷新 下拉刷新后,添加这个值自动关闭圆圈转转
},2000)
},
methods:{
pullDown(){ //2. 事件调用方法刷新
uni.startPullDownRefresh()
}
}
}
</script>
<style>
</style>
11.uniapp下拉刷新学习2种方法如下:
猜你喜欢
转载自blog.csdn.net/m0_49714202/article/details/115584997
今日推荐
周排行