Slider 滑块

基础用法

<wx-slider v-model="percent1"></wx-slider>

<script>
export default {
  data() {
    return {
      percent1: 0
    };
  }
};
</script>

默认值

<wx-slider v-model="percent2"></wx-slider>

<script>
export default {
  data() {
    return {
      percent2: 70
    };
  }
};
</script>

显示数值

<wx-slider v-model="percent3" show-number></wx-slider>

<script>
export default {
  data() {
    return {
      percent3: 20
    };
  }
};
</script>

滑动步伐

<wx-slider v-model="percent4" show-number :step="10"></wx-slider>

<script>
export default {
  data() {
    return {
      percent4: 50
    };
  }
};
</script>

不可用

<wx-slider v-model="percent5" disabled></wx-slider>

<script>
export default {
  data() {
    return {
      percent5: 50
    };
  }
};
</script>

Silder Attributes

参数	说明	类型	可选值	默认值
v-model/value	绑定值	Number	-	-
step	滑动步伐	Number	-	1
showNumber	是否显示数值	Boolean	-	false
disabled	禁用状态	Boolean	-	false

滑块