ionViewWillEnter生命周期为何不是每次都触发

作者：七棵菜日期：2022-11-30 栏目：计算机分类：1 人气：500

`ionViewWillEnter`生命周期官方解释为每次进入页面都会触发，不同于`ngOninit`只触发一次。但事实并不是这样，只有在同一个父组件下路由改变时才会触发。

以下情况将不会触发`ionViewWillEnter`生命周期

- 进入路由`home/default`
- 授权过期，跳转到`welcome/login`
- 登录成功之后跳转到`home/default`

> 此时`home/default`路由对应组件的`ionViewWillEnter`生命周期不会触发，因为`home`页面的路由并没有改变，始终是`home/default`
虽然路由改变过，但是`home`页面的子路由并没有改变，这种情况下只能触发`home`路由对应的`ionViewWillEnter`生命周期，
而并不会触发`home/default`对应的`ionViewWillEnter`生命周期

应用的路由结构如下：
```
[
  {
    path: 'home',
    canActivate: [AuthGuard], // here we tell Angular to check the access with our AuthGuard
    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
  },
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'welcome',
    loadChildren: () => import('./welcome/welcome.module').then( m => m.WelcomePageModule)
  },
]
```
home页面的路由如下
```
[
  {
    path: '',
    component: HomePage,
    children: [
      {
        path: 'default',
        loadChildren: () => import('./default/default.module').then( m => m.DefaultPageModule)
      },
      {
        path: 'setting',
        loadChildren: () => import('./setting/setting.module').then( m => m.SettingPageModule)
      },
      {
        path: '',
        redirectTo: 'default',
        pathMatch: 'full',
      },
      {
        path: '**',
        redirectTo: 'default',
      },
    ],
  },
];
```

要解决此问题，可以增加一个同辈的跳转页面，只负责跳转，目的就是改变路由。

```
export class RedirectPage implements OnInit {

constructor(private router: Router) { }

ngOnInit() {
  }

ionViewWillEnter() {
    this.router.navigate(['home']);
  }

}
```

更改上面的流程为：

- 进入路由`home/default`
- 授权过期，跳转到`welcome/login`
- 登录成功之后跳转到`home/redirect`
- 跳转到`home/default`

这时`home`页面的路由就发生了改变，`ionViewWillEnter`生命周期就会被触发。

标签： ionic 生命周期

上一篇：Found the synthetic property @showTooltip. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application. 下一篇：composer升级错误 error:1416F086:SSL routines:tls_process_server_certificate:certificate verify failed

ionViewWillEnter生命周期为何不是每次都触发

随便看看

留言