选项卡面板 | Quasar Framework

请注意 QTabPanels 的布尔属性 keep-alive,如果您需要此行为。不要在 QTabPanel 上使用 Vue 的原生 <keep-alive> 组件。
如果您需要 keep-alive-include 或 keep-alive-exclude 属性,则 QTabPanel 的 name 必须是有效的 Vue 组件名称(不允许有空格,不要以数字开头等)。

TIP

QTabPanels 也可以独立使用。它们不依赖于 QTabs 的存在。此外,它们可以放置在页面内的任何位置,而不仅仅是在 QTabs 附近。

有关过渡的完整列表,请查看过渡。

在下面的示例中,使用鼠标滑动面板,或者如果在触摸设备上,用手指滑动。

1. Introduction

2. QTabPanels API

3. QTabPanels API

4. QTabPanel API

5. QTabPanel API

6. 用法

6.1. 基础

6.2. 与 QTabs 一起使用

6.3. 颜色

6.4. 与垂直 QTabs 和 QSplitter 一起使用

6.5. 自定义过渡

6.6. 可滑动和无限

6.7. 垂直可滑动和无限