element/examples/docs/slider.md
2016-08-22 14:07:53 +08:00

1.5 KiB

基本用法

<el-slider v-model="value1"></el-slider>

定义初始值

<el-slider v-model="value2"></el-slider>

定义区间

<el-slider :min="20" :max="80" v-model="value3"></el-slider>

定义步长

<el-slider :step="10" v-model="value4"></el-slider>

显示间断点

<el-slider :step="10" show-stops v-model="value5"></el-slider>

带有输入框

<el-slider show-input v-model="value6"></el-slider>

API

参数 说明 类型 可选值 默认值
value 绑定值 number 最小值 min
min 最小值 number 0
max 最大值 number 100
step 步长 number 1
showInput 是否显示输入框 boolean false
showStops 是否显示间断点 boolean false
change 值改变时的回调函数 function