11.uniapp下拉刷新学习2种方法如下:

<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>

Guess you like

Origin blog.csdn.net/m0_49714202/article/details/115584997