步骤指示器显示通过一系列逻辑和编号步骤的进度。它们也可以用于导航。它们通常在用户必须遵循步骤才能完成流程时有用，例如在 向导 中。
该 QStepperNavigation 组件允许您在 QStepper 或 QStep 中放置按钮，以导航各个步骤。您可以根据需要添加任何按钮。
提示
要使用全局导航，必须将其添加到 QStepper 的“navigation”插槽中。
用法
提示
如果 QStep 内容还包含图像，并且您想使用滑动操作进行导航，您可能需要向它们添加 draggable="false"，否则本机浏览器行为可能会产生负面影响。
保持活动
- 请注意 QStepper 的布尔值
keep-alive属性，如果您需要这种行为。不要在 QStep 上使用 Vue 的本机<keep-alive>组件。 - 如果您需要
keep-alive-include或keep-alive-exclude属性，那么 QStepname必须是有效的 Vue 组件名称（不允许使用空格，不要以数字开头等）。
水平
垂直
标题导航
标题选项
提示
您还可以将 contracted 属性连接到 $q.screen 以创建响应式行为，例如 :contracted="$q.screen.lt.md"。更多信息：Quasar 屏幕插件。
样式
使用 *-icon 和 *-color 属性（在 QStepper 上或在特定 QStep 上覆盖）玩转着色。
您也可以使用 prefix 属性（最多 2 个字符）来代替每个步骤标题的图标。如果步骤当前未被编辑，并且未标记为错误或“已完成”，则会显示此前缀。
您可以使用 header-class 属性将任何 CSS 类应用于标题。在下面的示例中，我们正在应用粗体文本。