移动端比较好用的滑动条 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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM