Skip to content

Slider 滑块 ​

规则 ​

基础示例 ​

Props 配置示例 ​

单值滑块 ​

双滑块(范围选择) ​

自定义颜色 ​

垂直滑块 ​

禁用 ​

Events 事件示例 ​

监听滑块变化 ​

范围变化后更新显示 ​

完整配置项:Vant_Slider

value :Number | Array

Props ​

参数说明类型默认值
max最大值number | string100
min最小值number | string0
step步长number | string1
bar-height进度条高度,默认单位为 pxnumber | string2px
button-size滑块按钮大小,默认单位为 pxnumber | string24px
active-color进度条激活态颜色string#1989fa
inactive-color进度条非激活态颜色string#e5e5e5
range是否开启双滑块模式booleanfalse
reverse是否将进度条反转booleanfalse
disabled是否禁用滑块booleanfalse
readonly是否为只读状态,只读状态下无法修改滑块的值booleanfalse
vertical是否垂直展示booleanfalse

Events ​

事件名说明回调参数
change进度变化且结束拖动后触发value: number
drag-start开始拖动时触发event: TouchEvent
drag-end结束拖动时触发event: TouchEvent

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用