移动端比较好用的滑动条 vue-slider-component

安装：

npm install vue-slider-component

<template>
  <div>
    <vue-slider v-model="value" :min="min" :max="max" :interval="step" :tooltip="false" @callback="change()"></vue-slider>
　</div>
</template>

<script>
import vueSlider from 'vue-slider-component';

export default {
  components: {
    vueSlider
  },
  data () {
    return {
      value: 0,
　　　 min: 0,
　　　 max: 10,
　　　 step: 1

    }
  },
　　methods: {
　　　　change(){
　　　　}
　　} 
} </script>

详细文档见：https://nightcatsama.github.io/vue-slider-component/example/#QuickStart

转载于:https://www.cnblogs.com/peter-web/p/10214682.html