ionic3 生命周期

时间:2021-08-04 22:48:28

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

还有两个钩子不太一样,上面的钩子函数都没有返回值,以下两返回布尔值:ionViewCanEnterionViewCanLeave

// 页面被加载完成后调用的函数,切换页面时并不会进行重新加载,因为有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() {  
  
}  
ionViewCanEnterionViewCanLeave:

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

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

  return false;

       }

return true;
}