Uni-app页面生命周期和应用生命周期

mac2024-03-29  32

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页面发送的数据进行监听
最新回复(0)