Slider 滑块

基本用法

    1. export default {
    2.   data() {
    3.     return {
    4.       value: 50
    5.     };
    6.   },
    8.   methods: {
    9.     onChange(value) {
    10.       this.$toast('当前值：' + value);
    11.     }
    12.   }
    13. };

    指定选择范围

      指定步长

      1. <van-slider v-model="value" :step="10" />

      自定义样式

      2.   v-model="value"
      3.   active-color="#f44"
      4. >
      5.   <div
      6.     slot="button"
      7.     class="custom-button"
      8.   >
      9.     {{ value }}
      10.   </div>
      11. </van-slider>

      垂直方向

      1. <div :style="{ height: '100px' }">
      2. </div>

      API

      Props

      Slots