跳至主要内容
版本: v8

ion-router-outlet

阴影

路由出口的行为类似于 Angular 的内置路由出口组件和 Vue 的路由视图组件,但包含用于提供堆叠导航和在视图中进出动画的逻辑。

虽然路由出口具有用于导航的方法,但建议使用框架路由中的导航方法。

生命周期钩子

在路由出口中呈现的路由可以访问特定于 Ionic 的事件,这些事件已连接到动画

事件名称触发
ionViewWillEnter当即将动画进入视图的路由组件时触发。
ionViewDidEnter当即将动画进入视图的路由组件完成动画时触发。
ionViewWillLeave当即将动画离开视图的路由组件时触发。
ionViewDidLeave当即将动画进入视图的路由组件完成动画时触发。

这些事件与 Ionic 的动画系统绑定,可用于在组件完成动画时协调应用程序的部分。这些事件不是框架自己的事件系统的替代品,而是补充。

对于处理路由守卫,较旧的 ionViewCanEnterionViewCanLeave 已被其框架特定的等效项取代。对于 Angular,存在 路由守卫

属性

animated

描述如果为 true,则路由出口应使组件的过渡动画化。
属性animated
类型布尔值
默认值true

animation

描述此属性允许使用 AnimationBuilder 函数创建自定义过渡。
属性未定义
类型((baseEl: any, opts?: any) => Animation) | undefined
默认值未定义

mode

描述模式决定使用哪个平台样式。
属性模式
类型"ios" | "md"
默认值getIonMode(this)

事件

此组件没有可用事件。

方法

此组件没有可用的公共方法。

CSS 阴影部分

此组件没有可用的 CSS 阴影部分。

CSS 自定义属性

此组件没有可用的 CSS 自定义属性。

插槽

此组件没有可用的插槽。