【大白话学习】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();
		}

然后保存，运行看一下效果，如果代码正确，就会看到效果，可以事先多录几条内容。

我们现在从登陆开始 ，依次执行 写日记，看日记，会发现，写完日记跳到了看日记界面，再次点击写日记，发布日记后，虽然跳回了 看日记界面，但内容没有刷新 ，只有手工下拉刷新才能看到自己刚刚写内容，显示，我们希望是每次写完就能看到自己写的新日记，怎么解决这