滑动输入条

分类

配置

示例

说明

内容

默认值

滑动输入条预先设置的初始值，也可根据需要进行动态配置

最小值

设置最小值

最大值

设置最大值

标签

标签，详情参见表单通用属性

悬浮提示

鼠标放置于滑块之上时显示的悬浮提示设置

交互

隐藏

隐藏，详情参见通用属性

隐藏时保留布局

隐藏时保留布局，详情参见通用属性

步长

滑块滑动的步进值

禁用

禁用组件，禁用后不可交互

校验

校验，详情参见表单通用属性

样式

外边距

外边距，详情参见通用属性

刻度标记

刻度标记，key 的类型必须为 number 且取值在闭区间 [min, max] 内，每个标签可以单独设置样式。详情可参考滑动输入条API

反向坐标轴

设置后可以将滑动条置反，左右颠倒

CSS样式

标签字体大小

设置标签字体大小

左侧外边距

设置左侧外边距

右侧外边距

设置右侧外边距

名称

类型

示例

说明

value

number

slider.value

当前滑动输入条组件的值

labelText

string

slider.labelText

只读，当前滑动输入条组件的标签文字内容

disabled

boolean

slider.disabled

是否禁用当前滑动输入条组件

max

number

slider.max

只读，当前滑动输入条组件的范围区间最大值

min

number

slider.min

只读，当前滑动输入条组件的范围区间最小值

marks

object

slider.marks

只读，当前滑动输入条组件的刻度标记，具体类型可参考滑动输入条API

reverse

boolean

slider.reverse

只读，是否当前滑动输入条组件的坐标轴反向

step

number

slider.step

只读，当前滑动输入条组件的步长

validationMessage

string

slider.validationMessage

校验结果信息

validationStatus

boolean

slider.validationStatus

是否通过校验

setValue

func

slider.setValue(8)

设置当前滑动输入条组件的值

setDisabled

func

slider.setDisabled(true)

设置是否禁用当前滑动输入条组件

focus

func

slider.focus()

聚焦

blur

func

slider.blur()

失焦

clearValue

func

slider.clearValue()

清除组件 value 值

clearValidate

func

slider.clearValidate()

清除验证状态

validate

func

slider.validate()

组件校验

配置

说明

值改变时触发的回调

滑块聚焦时触发的回调

滑块失焦时触发的回调