窗格
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
使创建自定义组件变得简单,例如不同样式的步进器。