Skip to content

窗格 ​

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

使用 ​

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

API ​

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

示例 ​

属性 ​

显示箭头 ​

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

反转 ​

reverse 属性将反转过渡效果。

布局 ​

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

自定义箭头按钮 ​

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

其他 ​

创建账户 ​

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

新手教学 ​

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