Skip to content

范围滑块

v-range-slider 组件在你需要表示一个范围值的时候,很适合代替 v-slider 组件。

使用

滑块组件可以根据一个用户选择的轨迹的位置,来表示一个单独的值。适合用来作音量,亮度,或者图像的某个滤镜的调整。

API

组件描述
v-range-slider主要组件

示例

属性

严格模式

在使用了 strict 属性之后,范围滑块的滑块就无法越过另一个滑块了。

禁用

用户无法与 disabled 属性的滑块交互。

最小值和最大值

您可以通过 minmax 设置滑块的最小值和最大值。

步长

v-range-slider 可以将步长设为不为 1 的值。这在你需要降低或者提高精度地调整数值时非常有用。

垂直滑块

你也可以使用 vertical 属性将滑块方向切换到垂直方向。如果你要更改滑块的高度,请使用 CSS 来修改。

插槽

thumb标签

使用 tick-labels 属性和 thumb-label 插槽,您可以创建一个非常自定义的解决方案。