vant/packages/slider/zh-CN.md

Slider 滑块

使用指南

import { Slider } from 'vant';

Vue.use(Slider);

基本用法

<van-slider v-model="value" @change="onChange" />

export default {
  data() {
    return {
      value: 50
    };
  },

  methods: {
    onChange(value) {
      this.$toast('当前值：' + value);
    }
  }
};

指定选择范围

<van-slider v-model="value" :min="10" :max="90" />

禁用

<van-slider v-model="value" disabled />

指定步长

<van-slider v-model="value" :step="10" bar-height="4px" />

API

参数	说明	类型	默认值	版本
value	当前进度百分比	Number	0	1.1.0
disabled	是否禁用滑块	Boolean	false	1.1.0
max	最大值	Number	100	1.1.0
min	最小值	Number	0	1.1.0
step	步长	Number	1	1.1.0
bar-height	进度条高度	String	2px	1.1.0

Event

事件名	说明	参数
change	进度值改变后触发	value: 当前进度