Slider 滑块

    滑动输入器,用于在数值区间/自定义区间内进行选择,支持连续或离散值。

    基础用法

    滑块的基本用法,可以使用 v-model 双向绑定数据。

    通过设置属性 开启双滑块,通过设置属性 disabled 禁用滑块。

    注意,单滑块时,value 格式为数字,当开启双滑块时,value 为长度是2的数组,且每项为数字。

    Slider 滑块 - 图2

    离散值

    显示间断点

    通过设置属性 可以显示间断点,建议在 step 间隔不密集时使用。

    Slider 滑块 - 图4

    带有输入框

    自定义提示

    Slider 会把当前值传给 tip-format,并在 Tooltip 中显示 tip-format 的返回值,若为 null,则隐藏 Tooltip。

    Slider events

    事件名说明返回值
    on-change在松开滑动时触发,返回当前的选值,在滑动过程中不会触发value
    on-input滑动条数据变化时触发,返回当前的选值,在滑动过程中实时触发value