uni-app支持如下页面生命周期函数:
onLoad |
监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),示例中可参考 |
onShow |
监听页面显示 |
onReady |
监听页面初次渲染完成 |
onHide |
监听页面隐藏 |
onUnload |
监听页面卸载 |
onPullDownRefresh |
监听用户下拉动作 |
onReachBottom |
页面上拉触底事件的处理函数 |
onShareAppMessage |
用户点击右上角分享 微信小程序 |
onPageScroll |
监听页面滚动 |
onTabItemTap |
当前是tab页时,点击tab触发 |
使用示例代码:
<script>
export default {
data: {
title: 'Hello'
},
onLoad:function(options){
console.log("onLoad");
},
onHide:function(){
console.log("onHide");
},
onShow:function(){
console.log("onShow");
}
}
</script>
应用生命周期函数:
函数名 |
说明 |
onLaunch |
当uni-app初始化完成时触发(全局只触发一次) |
onShow |
当uni-app启动,或从后台进入前台显示 |
onHide |
当uni-app从前台进入后台 |
onUniNViewMessage |
对nvue页面发送的数据进行监听 |