一个简单的Vue 1.x / 2.x组件，用于为您的Web UI创建自定义的单个和/或范围滑块控件。

安装和下载：

npm install vue-slider-component

使用：

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

<script>
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  components: {
    VueSlider
  },
  data () {
    return {
      value: 0
    }
  }
}
</script>

变更日志：

v3.2.14 (07/21/2020)

• Bug修复

v3.2.10（10/29/2020）

• 添加缩放道具以支持缩放的场景。

v3.2.9（10/24/2020）

• Bug修复

v3.2.6（10/12/2020）

• 错误修复：当包含为true时，滑块位置与鼠标位置不同步。

v3.2.5（2020年8月20日）

• 错误修复：ie11中发生错误

v3.2.4（08/12/2020）

• 添加了dotAttrs属性，以支持在滑块上设置自定义属性。

v3.2.3（08/06/2020）

• 当数据为Array <Object>类型时，更改数据时会发生异常。

v3.2.2（07/08/2020）

• 数据支持对象类型
• 允许键盘标签访问滑块
• useKeyboard默认参数从false更改为true

v3.2.0（07/06/2020）

• 壮举：允许对象作为数据传递

---

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

演示：https://www.vue365.cn/code_demo.php?id=1279

GitHub下载：https://github.com/NightCatSama/vue-slider-component/archive/master.zip