uni-app的生命周期
一.应用的生命周期
export default{
onLaunch:function(){
console.log("APP onLaunch")
},
onShow:function(){
console.log("APP onShow")
},
onHide:function(){
console.log("APP onHide")
},
onEror:function(){
console.log("APP onEror")
}
}应用生命周期仅可在
App.vue中监听，在其它页面监听无效。二.页面的生命周期 1.下拉刷新 onPullDownRefresh
第一步，开启下拉刷新。创建页面的vue文件，例如home.vue，将list添加到pages中，在pages中开启下拉刷新；另一种可以直接用uni.startPullDownRefresh
{
"path":"pages/home/home",
"style":{
"enablePullDownRefresh":true
}
}第二步，触发下拉刷新后，写逻辑。
在home.vue文件中，export default中定义onPullDownRefresh的周期函数,这个函数可以监听下拉刷新。
onPullDownRefresh(){
console.log("下拉刷新")
this.list = ["1","2","3","4"]
uni.stopPullDownRefresh();
}停止下拉刷新uni.stopPullDownRefresh();
但是这样的下拉刷新事件太短，可以在这里加一个setTimeout延时，例如
onPullDownRefresh(){
console.log("下拉刷新")
setTimeout（（）=>{
this.list = ["1","2","3","4"]
uni.stopPullDownRefresh();
},2000）
}这样，下拉刷新动作两秒后，list数组发生变化并且停止下拉刷新。
2.页面滚动到底部的事件onReachBottom
还有一个onReachBottomDistance可以设置页面触底的距离，在pages里的页面中配置，例如
"pages": [
{
"path": "pages/message/message",
"style": {
"onReachBottomDistance":200
}
},在export default中写监听函数，例如
export default{
onReachBottom(){
console.log("触底啦")
}
}【uni-app的生命周期】
推荐阅读
- 热闹中的孤独
- JAVA（抽象类与接口的区别&重载与重写&内存泄漏）
- 放屁有这三个特征的，请注意啦！这说明你的身体毒素太多
- 一个人的旅行，三亚
- 布丽吉特，人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事，我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量