Api

el-slider

基本用法

1

<el-slider></el-slider>

定义初始值

1

<el-slider :value="50"></el-slider>

定义区间

1

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

定义步长

1

<el-slider :step="10"></el-slider>

显示间断点

1

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

带有输入框

1

<el-slider show-input></el-slider>

回调函数

1
2
3
4
5
6
7
8
9
10
11
12
13

<template>
  <el-slider @change="onChange"></el-slider>
</template>

<script>
  export default {
    methods: {
      onChange(value) {
        console.log(value);
      }
    }
  }
</script>

API

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