1.0.2 • Published 5 years ago

@misterxu/vue-slider-x v1.0.2

Weekly downloads
4
License
ISC
Repository
github
Last release
5 years ago

基于vue的自定义拖动条

NPM

npm install @misterxu/vue-slider-x --save-dev

Example

/*在组件内*/
<SliderVertical 
    v-model="value"
    :max="100"
    :min="0"
/>

// js
import SliderVertical from "@misterxu/vue-slider-x";

export default {
  name: "",
  components: {
    SliderVertical
  },
  data() {
    return {
      value: 40
    };
  },
  methods: {},
  watch: {
    // 监听拖动条变化
    value: function(newVal) {
      // ...
    }
  }
};

Api

参数

NameTypeDefaultDescription
maxNumber100最大值
minNumber0最小值
colorString#22d6af拖动条颜色
typeString默认为垂直horizontal => 水平