Skip to content

Slider 滑块

规则

js
{
    type:"slider",
    field:"slider",
    title:"滑块",
    value:[0,52],
    props:{
        min: 0,
        max: 100,
        range: true,
    }
}
{
    type:"slider",
    field:"slider",
    title:"滑块",
    value:[0,52],
    props:{
        min: 0,
        max: 100,
        range: true,
    }
}

参考:Element_Slider

value :Number | Array

Props

参数说明类型可选值默认值
min最小值number0
max最大值number100
disabled是否禁用booleanfalse
step步长number1
showInput是否显示输入框,仅在非范围选择时有效booleanfalse
showInputControls在显示输入框的情况下,是否显示输入框的控制按钮booleantrue
inputSize输入框的尺寸stringlarge / medium / small / minismall
showStops是否显示间断点booleanfalse
showTooltip是否显示 tooltipbooleantrue
formatTooltip格式化 tooltip messagefunction(value)
range是否为范围选择booleanfalse
vertical是否竖向模式booleanfalse
heightSlider 高度,竖向模式时必填string
label屏幕阅读器标签string
debounce输入时的去抖延迟,毫秒,仅在show-input等于true时有效number300
tooltipClasstooltip 的自定义类名string

Events

事件名称说明回调参数
change值改变时触发(使用鼠标拖曳时,只在松开鼠标后触发)改变后的值