Slider 滑块

简介

滑动输入器，用于在数值区间/自定义区间内进行选择。

属性说明

字段	说明	类型	默认值
value	滑块选定的值，可以使用 v-model 双向绑定数据。	Number	-
showLabel	拖动时是否展示标签	Boolean	FALSE
showLabelAlways	是否一直展示标签	Boolean	FALSE
showRangeTxt	两端是否展示可选取范围	Boolean	FALSE
stage	分段数	Number/String	-

事件

名称	说明	回调参数
change	滑动时触发函数	value

示例

<view class="bg-white br4 pd16">
  <slider
    class="pd16"
    :range="range"
    stage="50"
    :value="sliderVal"
    :show-label="true"
    bind:change="handleSlideChange"
  ></slider>
  <view>{{sliderVal}}</view>
</view>

Page({
  data: {
    text: "button",
    range: [0, 100],
    sliderVal: 10,
  },
  handleSlideChange(val) {
    this.setData({
      sliderVal: val,
    });
  },
});