移动端比较好用的滑动条 vue-slider-component

最新推荐文章于 2025-06-22 10:19:53 发布

转载最新推荐文章于 2025-06-22 10:19:53 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/peter-web/p/10214682.html

文章标签：

#javascript #ViewUI

本文介绍如何使用npm安装Vue-slider-component，并提供了一个基本的使用示例，展示了如何在Vue项目中引入并配置滑动组件，包括设置最小值、最大值、步长等属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装：

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>