步驟指示器 | Quasar Framework

如果您需要此行為，請注意 QStepper 的布林值 keep-alive 屬性。請勿在 QStep 上使用 Vue 的原生 <keep-alive> 元件。
如果您需要 keep-alive-include 或 keep-alive-exclude 屬性，則 QStep 的 name 必須是有效的 Vue 元件名稱（不允許空格，不要以數字開頭等）。

提示

您也可以將 contracted 屬性連接到 $q.screen 以建立響應式行為，例如 :contracted="$q.screen.lt.md"。更多資訊：Quasar Screen Plugin。

使用 *-icon 和 *-color 屬性（在 QStepper 上或在特定 QStep 上覆寫）來玩轉色彩。

您也可以對每個步驟的標題使用 prefix 屬性（最多 2 個字元）來代替圖示。如果步驟目前未被編輯，且未標記為錯誤或「完成」，則會顯示此字首。

您可以使用 header-class 屬性將任何 CSS 類別套用至標題。在以下範例中，我們正在套用粗體文字

1. 簡介

2. QStepper API

3. QStep API

4. QStepperNavigation API

5. 用法

5.1. 水平

5.2. 垂直

5.4. 標題選項

5.5. 樣式

5.6. 訊息插槽

用法