移動端比較好用的滑動條 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