选项卡面板是使用更少的窗口空间显示更多信息的一种方式。
提示
与 QTabs 结合使用效果很好，但不需要与之一起使用。
用法
提示
- 与 QTabs 结合使用效果很好，该组件提供了一种很好的方法来选择要显示的活动选项卡面板。
- 如果 QTabpanel 内容也包含图像，并且您希望使用滑动操作进行导航，则可能需要向它们添加
draggable="false"，否则本机浏览器行为可能会以负面方式干扰。
重要
不要被“QTabPanels”组件名称所迷惑。面板不需要 QTabs。它们也可以作为独立组件使用。
保持活动状态
- 请注意 QTabPanels 的布尔值
keep-alive属性，如果您需要此行为。不要在 QTabPanel 上使用 Vue 的本机<keep-alive>组件。 - 如果您需要
keep-alive-include或keep-alive-exclude属性，则 QTabPanelname必须是有效的 Vue 组件名称（不允许空格，不要以数字开头等）。
基本
使用 QTabs
提示
QTabPanels 也可以作为独立组件使用。它们不依赖于 QTabs 的存在。此外，它们可以放置在页面的任何位置，而不仅仅是在 QTabs 附近。
着色
使用垂直 QTabs 和 QSplitter
有关过渡的完整列表，请查看 过渡。
自定义过渡
在下面的示例中，使用鼠标在面板之间滑动，或者如果在支持触摸的设备上，用手指滑动。