標籤頁面板是一種用更少的視窗空間顯示更多資訊的方式。
提示
與 QTabs 一起使用效果極佳，但並非必須與其搭配使用。
用法
提示
- 與 QTabs 一起使用效果極佳，QTabs 元件提供了一種選擇要顯示的活動標籤頁面板的好方法。
- 如果 QTabpanel 內容也包含圖片，且您想使用滑動手勢來導航，您可能會想為圖片加上
draggable="false"屬性，否則瀏覽器原生行為可能會造成負面干擾。
重要
請勿被「QTabPanels」元件名稱誤導。面板並不需要 QTabs。它們也可以獨立使用。
保持啟用
- 如果您需要此行為，請注意 QTabPanels 的布林值
keep-aliveprop。請勿在 QTabPanel 上使用 Vue 原生的<keep-alive>元件。 - 如果您需要
keep-alive-include或keep-alive-excludeprops，則 QTabPanel 的name必須是有效的 Vue 元件名稱 (不允許空格，不要以數字開頭等)。
基本
搭配 QTabs
提示
QTabPanels 也可以獨立使用。它們不依賴 QTabs 的存在。此外，它們可以放置在頁面中的任何位置，而不僅限於 QTabs 附近。
色彩設定
搭配垂直 QTabs 和 QSplitter
如需完整的轉場效果列表，請查看「轉場效果」。
自訂轉場效果
在以下範例中，使用滑鼠滑動瀏覽面板，或在觸控裝置上，用手指滑動。