Slider 滑块

Maker

  1. $formCreate.maker.slider('滑块','slider',[0,52]).props({
  2.     "min": 0,
  3.     "max": 100,
  4.     "range": true
  5. })

JSON

  1. {
  2.     type:"slider",
  3.     field:"slider",
  4.     title:"滑块",
  5.     value:[0,52],
  6.     props:{
  7.         min: 0,
  8.         max: 100,
  9.         range: true,
  10.     }
  11. }

参考:Element_Slider

value :Number | Array

props

参数 说明 类型 可选值 默认值
min 最小值 number — 0
max 最大值 number — 100
disabled 是否禁用 boolean — false
step 步长 number — 1
showInput 是否显示输入框，仅在非范围选择时有效 boolean — false
showInputControls 在显示输入框的情况下，是否显示输入框的控制按钮 boolean — true
inputSize 输入框的尺寸 string large / medium / small / mini small
showStops 是否显示间断点 boolean — false
showTooltip 是否显示 tooltip boolean — true
formatTooltip 格式化 tooltip message function(value) — —
range 是否为范围选择 boolean — false
vertical 是否竖向模式 boolean — false
height Slider 高度，竖向模式时必填 string — —
label 屏幕阅读器标签 string — —
debounce 输入时的去抖延迟，毫秒，仅在show-input等于true时有效 number — 300
tooltipClass tooltip 的自定义类名 string — —

on 事件

事件名称 说明 回调参数
change 值改变时触发（使用鼠标拖曳时，只在松开鼠标后触发） 改变后的值