Slider 滑块
规则
基础示例
Props 配置示例
范围选择
显示标记
显示输入框
禁用
Events 事件示例
监听滑块变化
联动更新显示值
完整配置项:TDesign_Slider
value：number | Array<number>
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| disabled | 是否禁用 | boolean | false | - |
| inputNumberProps | 数字输入框配置（false 不显示） | boolean | InputNumberProps | false | - |
| label | 滑块当前值文本 | string | boolean | TNode<{ value; position?: 'start' | 'end' }> | true | - |
| layout | 布局方向 | vertical | horizontal | horizontal | - |
| marks | 刻度标记 | Array<number> | SliderMarks | - | - |
| max | 最大值 | number | 100 | - |
| min | 最小值 | number | 0 | - |
| range | 双游标滑块 | boolean | false | - |
| showStep | 是否显示步长刻度 | boolean | false | - |
| step | 步长 | number | 1 | - |
| tooltipProps | 透传 Tooltip 属性 | TooltipProps | - | - |
| value | 滑块值 | number | Array<number> | 0 | - |
| defaultValue | 非受控滑块值 | number | Array<number> | 0 | - |
Events
| 事件 | 说明 | 类型 | 版本 |
|---|---|---|---|
| change | 滑块值变化 | (value: SliderValue) => void | - |
| changeEnd | 松开拖动或点击滑块条 | (value: SliderValue) => void | - |