uni-app下拉刷新

最新推荐文章于 2024-05-15 01:30:09 发布

@小白~

最新推荐文章于 2024-05-15 01:30:09 发布

阅读量129

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/x755929642/article/details/117001500

版权

1.首先在pages.json里面开启下拉刷新

{
	"page": [{
		"path": "pages/list/list",
		"style": {
			"navigationBarTitleText": "列表",
			//开启下拉刷新
			"enablePullDownRefresh": true,
		}
	}]
}

2.然后在list.vue中通过onPullDownRefresh()监听用户下拉的动作，如果效果不明显的话，这里可以加个定时器，可以通过uni.stopPullDownRefresh()来关闭下拉刷新

onPullDownRefresh() {
			var that = this;
			setTimeout(function() {
				that.getnewsList();
				uni.stopPullDownRefresh()
			}, 1000)
		},

3.效果如图所示
在这里插入图片描述

关注