Skip to main content

ion-tab

shadow

选项卡组件是 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

DescriptionThe component to display inside of the tab.
Attributecomponent
TypeFunction | HTMLElement | null | string | undefined
Defaultundefined

tab

DescriptionA 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.
Attributetab
Typestring
Defaultundefined

事件

¥Events

No events available for this component.

方法

¥Methods

setActive

DescriptionSet the active component for the tab
SignaturesetActive() => 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.