选项面板

选项卡面板是一种使用较少的窗口显示更多信息的方法。

TIP

可以很好的与 QTabs 组件配合使用，但不是必须的。

QTabPanels API

TIP

可以很好的与 QTabs 组件配合使用，QTabs 提供了一种很棒的方法来选择展示哪个面板。
如果 QTabpanel 的内容包括图像，而且您还希望使用滑动操作去导航，那么您需要为其添加 draggable="false" 否则浏览器的原生行为可能会导致负面影响。

重要

不要被 “QTabPanels” 的名称带偏了，QTabPanels 和 QTabs 不是绑定的，他们都可以独立使用。

Keep Alive

请注意 QTabPanels 中 Boolean 类型的 keep-alive 属性，如果您需要这个特性，不要使用 Vue 原生的 <keep-alive> 组件包裹 QTabPanel。
如果您需要使用 keep-alive-include 或 keep-alive-exclude 属性，那么 QTabPanel 的 name 属性必须是一个合法的 vue 组件名（没有空格，且不以数字开头）。

TIP

QTabPanels 可以独立使用，他们不互相依赖，他们也可以放在页面的任何地方，不局限于 QTabs 附近。

关于完整的 transitions 列表，请参考过渡效果页面。

在下面的示例中，使用您的鼠标来滑动面板，如果是在一个可触屏的设备上，请滑动您的手指。

发现了一处错误？帮助改进提交问题

免责声明本站点所包含的任何跳转链接均为第三方广告内容，站点对这些广告内容的准确性、合法性、真实性不承担任何责任。用户点击跳转链接进入第三方网站后，应自行判断广告内容的真实性和合法性，并自行承担因使用广告内容而产生的风险和责任。任何因使用第三方广告内容而导致的损失或损害，本站点概不负责。