QRange 元件是提供使用者在最小值和最大值之間選擇子範圍值的好方法，並可選擇步驟來選擇這些值。 Range 元件的範例用例是提供價格範圍選擇。
另請查看它的「兄弟」元件 QSlider。
用法
請注意，我們正在使用物件進行選擇，其中包含所選範圍的較低值 - rangeValues.min 和較高值 - rangeValues.max。
標準
警告
您有責任調整 QRange 周圍的空間，以使標籤和標記標籤不會與頁面上的其他內容重疊。 您可以使用 CSS 邊距或內邊距來達到此目的。
垂直
具有內部最小值/最大值v2.4+
有時您需要將模型值限制在軌道長度內的間隔中。 為此，請使用 inner-min 和 inner-max 屬性。 第一個屬性需要大於或等於 min 屬性，而後者需要小於或等於 max 屬性。
具有步進值
step 屬性也可以是浮點數（如果您需要無限精度，則可以是數值 0）。
具有標籤
在以下範例中，移動滑桿以查看標籤。
以下範例更好地突顯 QRange 如何處理標籤定位，使其始終保持在 QRange 的方框內（水平方向）。
標記
標記標籤v2.4+
關於插槽的提示
為了使用標記標籤插槽（請參閱下文），您必須使用 marker-labels 屬性啟用它們。
其他自訂項目v2.4+
拖曳範圍
使用 drag-range 或 drag-only-range 屬性，以允許使用者移動選取的範圍或僅移動整個預定範圍。
延遲輸入
Null 值
反向
強制暗黑模式
唯讀和停用
搭配 QItem
原生表單提交
當處理具有 action 和 method 的原生表單時（例如，當將 Quasar 與 ASP.NET 控制器一起使用時），您需要在 QRange 上指定 name 屬性，否則 formData 將不會包含它（如果應該包含）。