Slider 滑块
规则
基础示例
Props 配置示例
单值滑块
双滑块(范围选择)
自定义颜色
垂直滑块
禁用
Events 事件示例
监听滑块变化
范围变化后更新显示
完整配置项:Vant_Slider
value :Number | Array
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| max | 最大值 | number | string | 100 |
| min | 最小值 | number | string | 0 |
| step | 步长 | number | string | 1 |
| bar-height | 进度条高度,默认单位为 px | number | string | 2px |
| button-size | 滑块按钮大小,默认单位为 px | number | string | 24px |
| active-color | 进度条激活态颜色 | string | #1989fa |
| inactive-color | 进度条非激活态颜色 | string | #e5e5e5 |
| range | 是否开启双滑块模式 | boolean | false |
| reverse | 是否将进度条反转 | boolean | false |
| disabled | 是否禁用滑块 | boolean | false |
| readonly | 是否为只读状态,只读状态下无法修改滑块的值 | boolean | false |
| vertical | 是否垂直展示 | boolean | false |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 进度变化且结束拖动后触发 | value: number |
| drag-start | 开始拖动时触发 | event: TouchEvent |
| drag-end | 结束拖动时触发 | event: TouchEvent |


