ionic3 生命周期

ionic3 总共有8个钩子函数，分别是：onPageLoaded，onPageWillEnter，onPageDidEnter，onPageWillLeave，onPageDidLeave，onPageWillUnload，onPageDidUnload

还有两个钩子不太一样，上面的钩子函数都没有返回值，以下两返回布尔值：ionViewCanEnter，ionViewCanLeave

 

// 页面被加载完成后调用的函数，切换页面时并不会进行重新加载，因为有cache的存在  
onPageLoaded() {  
  console.log('page 1: page loaded.');  
}  
  
// 页面即将进入的时候  
onPageWillEnter() {  
  // 在这里可以做页面初始化的一些事情  
  console.log('page 1: page will enter.');  
}  
  
// 页面已经进入的时候  
onPageDidEnter() {  
  console.log('page 1: page did enter.');  
}  
  
// 页面即将离开的时候  
onPageWillLeave() {  
  console.log('page 1: page will leave.');  
}  
  
// 页面已经离开的时候  
onPageDidLeave() {  
  console.log('page 1: page did leave.');  
}  
  
// 从 DOM 中移除的时候执行的生命周期  
onPageWillUnload() {  
  
}  
  
// 从 DOM 中移除执行完成的时候  
onPageDidUnload() {  
  
}  
ionViewCanEnter，ionViewCanLeave：

//如果满足条件可以进入
ionViewCanEnter() {
　　if(new Date().getHours()>=9){
　　　　console.log('时间到了，上班了！');
　　return false;
　　}
return true;
}

//如果满足条件可以离开
ionViewCanLeave(){
　　if(new Date().getHours()>=18){
　　console.log('时间到了，可以下班了！');

　　return false;

       }

return true;
}

 

转载于:https://www.cnblogs.com/longailong/p/10448845.html