ionic 生命周期

如官网文档所示,常用的生命周期有如下6个:

EventDesc
ionViewDidLoad当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发
ionViewWillEnter顾名思义,当将要进入页面时触发
ionViewDidEnter当进入页面时触发
ionViewWillLeave当将要从页面离开时触发
ionViewDidLeave离开页面时触发
ionViewWillUnload当页面将要销毁同时页面上元素移除时触发

在demo中加入以下代码:

  1. ionViewDidLoad(){  
  2.         console.log("1.0 ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发");  
  3.     }  
  4.     ionViewWillEnter(){  
  5.         console.log("2.0 ionViewWillEnter 顾名思义,当将要进入页面时触发");  
  6.     }  
  7.     ionViewDidEnter(){  
  8.         console.log("3.0 ionViewDidEnter 当进入页面时触发");  
  9.     }  
  10.     ionViewWillLeave(){  
  11.         console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");  
  12.     }  
  13.     ionViewDidLeave(){  
  14.         console.log("5.0 ionViewDidLeave 离开页面时触发");  
  15.     }  
  16.     ionViewWillUnload(){  
  17.         console.log("6.0 ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发");  
  18.     }  
  19.   
  20.     ionViewCanEnter(){  
  21.         console.log("ionViewCanEnter");  
  22.     }  
  23.   
  24.     ionViewCanLeave(){  
  25.         console.log("ionViewCanLeave");  
  26.     }  


运行结果
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页