ion-tab
tabコンポーネントはtabsの子コンポーネントです。 各タブには、アプリのトップレベルナビゲーションスタックまたは単一のビューを含めることができます。 アプリには多くのタブを含めることができ、すべてが独自の独立したナビゲーションを持ちます。
略注記
Angular、React、Vueは、ion-tabsコンポーネントが基本的な使い方に設定されている場合にのみ、このコンポーネントを使用できます。 ルーティングでタブを設定する場合、ion-tabコンポーネントは使用できません。
JavaScriptでは、このコンポーネントは、ion-tabsコンポーネントが基本的な使い方またはルーターを使用した使い方のいずれかに設定されている場合に使用できます。
タブの設定の詳細については、タブのドキュメントを参照してください。
プロパティ
component
| 説明 | タブ内に表示するコンポーネント。 |
| 属性 | component |
| 型 | Function ｜ HTMLElement ｜ null ｜ string ｜ undefined |
| デフォルト | undefined |
tab
| 説明 | 各ion-tabにはタブIDを指定する必要があります。 選択されたタブを参照するために内部的に使用されるか、ルーターによってタブを切り替えるために使用されます。 |
| 属性 | tab |
| 型 | string |
| デフォルト | undefined |
イベント
このコンポーネントで使用できるイベントはありません。
メソッド
setActive
| 説明 | タブのアクティブなコンポーネントを設定します |
| シグネチャ | setActive() => Promise<void> |
CSSシャドウパーツ
このコンポーネントで使用できるCSSシャドウパーツはありません。
CSSカスタムプロパティ
このコンポーネントで使用できるCSSカスタムプロパティはありません。
スロット
このコンポーネントで使用できるスロットはありません。