uniapp学习之旅下拉刷新

下拉刷新两种方式：

1.在pages.json中页面的style中配置

{
			"path": "pages/list/list",
			"style":{
				"enablePullDownRefresh":true
			}
		},

2.使用uni.startPullDownRefresh()

<template>
	<view>
		<view>列表页</view>
		<view v-for="item in list" >{{item}}</view>
		<button type="default" @click="pulldown">下拉刷新</button>
	</view>
	
</template>

<script>
	export default{
		data(){
			return{
				list:['a','b','c','d','e','f']
			}
		},
		onPullDownRefresh() {
			console.log("已触发")
			setTimeout(()=>{
				
				this.list=[1,2,3,4,5,6,7]
				uni.stopPullDownRefresh()
			},2000)//设置延迟处理
		},
		methods:{
			pulldown(){
				uni.startPullDownRefresh()
			}
		}
	}
</script>

<style>
</style>

效果：