【大白话学习】UniApp 微信小程序与APP应用 开发零基础入门教程(五）---上拉加载下拉刷新与删除

当内容比较多时，我们需要上拉显示更多内容，下拉刷新显示最新内容，本节就实现这个功能。

首先，要设置允许 list.vue页面有下拉功能，打开page.json，在pages 中，找到 list所在那一行，修改为

"path": "pages/list/list",
"style": {
"navigationBarTitleText": "看日记",
"enablePullDownRefresh": true
}

再在 pages[

....],

最后面添加一行

"onReachBottomDistance": 150, //距离底部150上滑有效,注意，号

回到 list.vue页面，我们在 onload()事件的下面添加以下代码：

        ,onPullDownRefresh: function() {
			console.log("下拉");
			page = 1;
			this.noteList = [];
			this.goLink();
		},
		onReachBottom: function() {
			console.log("上拉");
			this.goLink();
		}

然后保存&#x