跳至主要内容
版本:v8

ion-tab

阴影

选项卡组件是 tabs 的子组件。每个选项卡可以包含应用程序的顶级导航堆栈或单个视图。应用程序可以有多个选项卡,每个选项卡都有独立的导航。

注意

Angular、React 和 Vue 仅当 ion-tabs 组件配置为 基本用法 时才可以使用此组件。在使用路由设置选项卡时,无法使用 ion-tab 组件。

在 JavaScript 中,此组件可以与配置为 基本用法使用路由的用法ion-tabs 组件一起使用。

有关配置选项卡的更多详细信息,请参阅 选项卡文档

属性

component

描述要在选项卡内显示的组件。
属性component
类型函数 | HTMLElement | null | 字符串 | 未定义
默认未定义

tab

描述每个 ion-tab 必须提供一个选项卡 ID。它在内部用于引用选定的选项卡,或由路由器用于在它们之间切换。
属性tab
类型字符串
默认未定义

事件

此组件没有可用的事件。

方法

setActive

描述设置选项卡的活动组件
签名setActive() => Promise<void>

CSS 阴影部分

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

CSS 自定义属性

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

插槽

此组件没有可用的插槽。