uni-app 支持如下页面生命周期函数:

  1. onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),参考示例
  2. onShow 监听页面显示
  3. onReady 监听页面初次渲染完成
  4. onHide 监听页面隐藏
  5. onUnload 监听页面卸载
  6. onPullDownRefresh 监听用户下拉动作
  7. onReachBottom 页面上拉触底事件的处理函数
  8. onShareAppMessage 用户点击右上角分享 微信小程序
  9. onPageScroll 监听页面滚动
  10. onTabItemTap 当前是 tab 页时,点击 tab 时触发。

代码示例:

  1. <script>
  2. export default {
  3. data: {
  4. return{
  5. title: 'Hello'
  6. }
  7. },
  8. onLoad:function(options){
  9. console.log("onLoad");
  10. },
  11. onHide:function(){
  12. console.log("onHide");
  13. },
  14. onShow:function(){
  15. console.log("onShow");
  16. }
  17. }
  18. </script>