Vuetify

商店

企业版

v-stepper 组件用于显示步骤进度。

一个步骤组件适用于多种场景,包括购物车、创建记录等等。

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

用户随时可以选择可编辑的步骤并将跳转到该步。

不可编辑步骤(Non-editable steps)强制用户在整个流程中进行线性处理。

可选步骤可由子文本调出。

水平步骤线通过定义的步骤将用户沿 x轴 移动。

水平步骤线通过定义的步骤将用户沿 y轴 移动。其他地方与水平方向的一致。

线性步骤始终沿着你定义的路径移动。

非线性步骤可以让用户按照自己选择路线在流程中移动。

步骤组件也有一个放置在步骤下方的备用标签样式。

可以显示错误状态来通知用户必须采取的一些行动。

错误状态的显示同样可以应用于备用标签样式。

同样的,错误状态也可以应用于垂直的步骤。

步骤可以动态的添加和移除,如果删除的是当前处于激活状态的步骤,请务必通过更改应用模型来解决这个问题。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!