Skip to content

窗格

v-window 组件提供了从一个面板变换至另一个面板的基本功能。其他的例如 v-tabsv-carouselv-stepper 组件都是以它为基础构建的。

使用

v-window 被设计为可以简单地循环其中的内容,提供简单的接口以用于创建自定义的实现。

API

组件描述
v-window主要组件
v-window-item用于显示单独窗格的子组件

示例

属性

显示箭头

默认情况下,不显示任何箭头。您可以通过添加 show-arrows 属性来更改这一点。如果将属性值设置为 "hover",它们将只在鼠标悬停在窗口上时显示。

反转

reverse 属性将反转过渡效果。

布局

您可以使用 direction 属性将过渡效果更改为垂直方向。

自定义箭头按钮

以用 prevnext 槽来自定义窗口中的箭头部分。

其他

创建账户

使用平滑的动画创建丰富的表单。v-window 自动跟踪当前选择的索引以更改过渡方向。

新手教学

v-window 使创建自定义组件变得简单,例如不同样式的步进器。