标签:触发 生命周期 app 周期函数 刷新 uni 监听 页面
uni-app生命周期
应用的周期函数
onLaunch
初始化完成时触发(全局只触发一次)
onShow
启动时,或从后台进入前台是显示
onHide
从前台进入后台
onError
报错时触发
页面的周期函数
onLoad
监听页面加载,参数为上个页面传递的参数,参数类型为对象(触发一次)
onShow
监听页面显示,页面每次出现在屏幕上都触发,包括从下级页面点返回,返回到当前页面
onReady
监听页面初次渲染完成(触发一次)
onHide
监听页面隐藏
onUnload
监听页面卸载
onResize
监听窗口尺寸变化
onPullDownRefresh
监听用户下拉动作,一般用户下拉刷新,与onLoad生命周期函数同级
- 第一种方式 在pages.json页面下配置路由
"style":{"enablePullDownRefresh":true}
//在下拉刷新过后启用勾子函数
onPullDownRefresh(){
//逻辑代码
setTimeout(()=>{ //由于有的文件太小刷新立马就好了,所以做了计时器来看效果,实际开发看要求
//逻辑代码
uni.stopPullDownRefresh() //延时2s刷新页面并关闭
},2000)
}
- 第二种方式
调用uni.startPullDownRefresh() 这个方法
比如说点击按钮实现刷新
methods:{
pullDown(){ //在按钮上定义的事件方法
uni.startPullDownRefresh()
}
}
onReachBottom
页面滚动到底部的事件,常用于下拉下一页的数据,也就是数据太多页面需要下拉的时候,到达触底的时候触发,可以设置距离触底的距离,默认是50rpx,可以在pages.json里面设置"onReachBottomDistance":200
onTabItemTap
点击tab时触发
onShareAppMessage
点击右上角的分享
标签:触发,生命周期,app,周期函数,刷新,uni,监听,页面 来源: https://blog.csdn.net/weixin_48255917/article/details/110121385
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。