vue-slider-component | 一款可高度自定义的滑块组件

vue-slider-component是一款高度自定义的滑块组件，支持双向绑定、自定义样式和标签等。它基于better-scroll实现移动端vue轮播组件，可以在移动端和PC端使用。

vue-slider-component的特点有：

• 支持双向绑定
• 支持自定义样式和标签
• 基于better-scroll实现，支持移动端和PC端
• 支持高度自定义

使用方法

安装

如果您想使用vue-slider-component滑块插件，首先您需要安装它，命令如下：

yarn add vue-slider-component
// 或者
npm install vue-slider-component --save
		

使用

全局引用

// main.js
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/default.css'

Vue.component('VueSlider', VueSlider)
		

局部引用

// App.vue
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/default.css'

export default {
  components: {
    VueSlider
  }
}

		

然后可以在组件中使用它：

<template>
  <vue-slider v-model="value" />
</template>			
		

完整的使用方法请参考官方网站：https://nightcatsama.github.io/vue-slider-component/#/zh-CN/

github网址：https://github.com/NightCatSama/vue-slider-component