range

滑块,支持自定义步长


用法

<range :value.sync="range1"></range>
<!--定义步长-->
<range :value.sync="range3" :step="10"></range>
<!--定义最小值-->
<range :value.sync="range4" :min="50" :step="10"></range>
<!--定义最大值-->
<range :value.sync="range5" :max="200" :step="10"></range>

搭配 item-form

<item-form label="默认的">
  <range :value.sync="range1"></range>
  <div>{{range1}}</div>
</item-form>

API

参数 说明 类型 可选值 默认值
value Number
max 最大值 Number 100
min 最小值 Number 0
step 步长 Number 0.1

事件

input-change

当 value 改变的时候出发 input-change 事件, 新的value会作为参数。 这个事件是为了配合 vuex 使用,可以从 vuex 改变 value