PhoneGap中文网

标题: ionic3/ionic4页面每次进来和离开触发的方法 [打印本页]

---

作者: 幽梦林子    时间: 2017-12-5 13:02
标题: ionic3/ionic4页面每次进来和离开触发的方法
ionic3/ionic4页面每次进来和离开触发的方法是怎样的呢?下面详细分享给大家：


在ionic3中有生命周期函数ionViewDidLoad，这个方法页面加载的时候只会触发一次，如果让页面每次切换进来触发方法。需要写在ionViewDidEnter，同样页面离开的时候触发的方法写在ionViewDidLeave。


代码如下：

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.     }

复制代码

更多相关资源信息见网盘地址：http://pan.baidu.com/s/1skETGa5    或者   http://pan.baidu.com/s/1jHYKEOm 密码：arfx

---

作者: 幽梦林子    时间: 2017-12-28 22:42
学习ionic3页面每次进来和离开触发的方法

---

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)

Powered by Discuz! X3.2