步进器

步进器通过一系列逻辑和编号的步骤显示进度。它们也可用作导航。当用户需要按照步骤完成一个过程时，它很有用，例如一个向导

QStepper API

此组件允许您在 QStepper 或 QStep 中放置按钮，以在步骤中导航。您可以根据需要添加任何按钮。

TIP

如果要使用全局导航，您需要将其添加到 QStepper 的 ‘navigation’ 插槽中。

TIP

QStep 的内容也可以是图像，如果您需要在图像上滑动导航，那么最好为它们添加 draggable="false"，否则浏览器的原生行为可能导致副作用。

Keep Alive

请注意 QStepper 的 keep-alive 属性，如果您需要这个功能，请使用它，而不是 Vue 提供的 <keep-alive> 组件包裹 QStep。
如果您需要使用 keep-alive-include 或 keep-alive-exclude 属性，那么 QStep 的 name 属性必须是一个合法的 Vue 组件名称（不含空格、不以数字开头等）。

TIP

您可以将 contracted 属性与 $q.screen 联系起来以实现响应式的行为，例如 :contracted="$q.screen.lt.md"。更多信息： Quasar 屏幕插件.

在 QStepper 或者特定的 QStep 上使用 *-icon 和 *-color 属性进行着色。

您还可以为每个步骤的标题使用 prefix 属性（最多 2 个字符）来代替图标。如果步骤当前未被编辑，并且未标记为错误或“已完成”，则将显示此信息。

您可以使用 header-class 属性将任何 CSS 类应用于头部。在下面的示例中，我们使用了粗体文本：

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

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