ion-tab
选项卡组件是 tabs 的子组件。每个选项卡都可以包含应用或单个视图的顶层导航堆栈。一个应用可以有许多选项卡,所有选项卡都有自己独立的导航。
¥The tab component is a child component of tabs. Each tab can contain a top level navigation stack for an app or a single view. An app can have many tabs, all with their own independent navigation.
仅当为 基本用法 配置了 ion-tabs
组件时,Angular、React 和 Vue 才能使用此组件。设置带路由的选项卡时,不能使用 ion-tab
组件。
¥Angular, React, and Vue can only use this component when the ion-tabs
component is configured for basic usage. When setting up tabs with routing, the ion-tab
component cannot be used.
在 JavaScript 中,此组件可与为 基本用法 或 与路由一起使用 配置的 ion-tabs
组件一起使用。
¥In JavaScript, this component can be used with the ion-tabs
component configured for either basic usage or usage with router.
有关配置选项卡的更多详细信息,请参阅 选项卡文档。
¥See the tabs documentation for more details on configuring tabs.
属性
¥Properties
component
Description | The component to display inside of the tab. |
Attribute | component |
Type | Function | HTMLElement | null | string | undefined |
Default | undefined |
tab
Description | A tab id must be provided for each ion-tab . It's used internally to reference the selected tab or by the router to switch between them. |
Attribute | tab |
Type | string |
Default | undefined |
事件
¥Events
No events available for this component.
方法
¥Methods
setActive
Description | Set the active component for the tab |
Signature | setActive() => Promise<void> |
CSS 阴影部分
¥CSS Shadow Parts
No CSS shadow parts available for this component.
CSS 自定义属性
¥CSS Custom Properties
No CSS custom properties available for this component.
插槽
¥Slots
No slots available for this component.