范围输入条

分类

配置

示例

说明

内容

开始值

开始值

结束值

结束值

最小值

范围最小值

最大值

范围最大值

标签

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

悬浮提示

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

交互

隐藏

隐藏，详情参见通用属性

隐藏时保留布局

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

步长

滑块滑动的步进值

范围可拖拽

范围刻度整体可拖拽

禁用

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

样式

外边距

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

刻度标记

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

反向坐标轴

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

CSS样式

标签字体大小

设置标签字体大小

左侧外边距

设置左侧外边距

右侧外边距

设置右侧外边距

名称

类型

示例

说明

start

number

rangeslider.start

当前范围输入条组件的开始值

end

number

rangeslider.end

当前范围输入条组件的结束值

labelText

string

rangeslider.labelText

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

disabled

boolean

rangeslider.disabled

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

max

number

rangeslider.max

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

min

number

rangeslider.min

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

marks

object

rangeslider.marks

只读，当前滑动输入条组件的刻度标记

reverse

boolean

rangeslider.reverse

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

step

number

rangeslider.step

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

draggableTrack

boolean

rangeslider.draggableTrack

只读，当前范围输入条组件的范围可拖拽

validationMessage

string

rangeslider.validationMessage

校验结果信息

validationStatus

boolean

rangeslider.validationStatus

是否通过校验

setStart

func

rangeslider.setStart(2)

设置当前范围输入条组件的开始值

setEnd

func

rangeslider.setEnd(9)

设置当前范围输入条组件的结束值

setDisabled

func

rangeslider.setDisabled(true)

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

focus

func

rangeslider.focus()

聚焦

blur

func

rangeslider.blur()

失焦

clearValidate

func

rangeslider.clearValidate()

清除验证状态

validate

func

rangeslider.validate()

组件校验

配置

说明

值改变时触发的回调

滑块聚焦时触发的回调

滑块失焦时触发的回调