FZliweiliang/vue-slider

vue 一百行代码实现滑块组件

vue-slider

Usage

Use:

<template>
  <div>
    <slider :value-fun="sliderVal" :min="0" :max="100"></slider>
  </div>
</template>
<script>

import slider from 'vue-slider.vue'

new Vue({
  el: '#app',
  components: {
    slider
  },
  methods:{
    sliderVal(min,max,total){
       
    }
  },
});
</script>

Options

Props

Props	Type	Default	Description
max	Number	auto	默认最大值 初始位置
min	Number	auto	默认最小值初始位置

Function

Name	Type	Description
valueFun	Return: value	valueFun(最小值,最大值,合计)

Screenshot

License

MIT