Slider 滑块

在线预览

Maker

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

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. }

参考:iview2.x | iview3.x

value: Number|Array

props

属性 说明 类型 默认值
min 最小值 Number 0
max 最大值 Number 100
step 步长，取值建议能被（max - min）整除 Number 1
disabled 是否禁用滑块 Boolean false
range 是否开启双滑块模式 Boolean false
show-input 是否显示数字输入框，仅在单滑块模式下有效 Boolean false
show-stops 是否显示间断点，建议在 step 不密集时使用 Boolean false
show-tip 提示的显示控制，可选值为 hover（悬停，默认）、always（总是可见）、never（不可见） String hover
tip-format Slider 会把当前值传给 tip-format，并在 Tooltip 中显示 tip-format 的返回值，若为 null，则隐藏 Tooltip Function value
input-size 数字输入框的尺寸，可选值为large、small、default或者不填，仅在开启 show-input 时有效 String default
active-change 3.4.0 同 InputNumber 的 active-change Boolean true

on 事件

事件名 说明 返回值
on-change 在松开滑动时触发，返回当前的选值，在滑动过程中不会触发 value
on-input 滑动条数据变化时触发，返回当前的选值，在滑动过程中实时触发 value