Slider 滑动输入条


滑动输入条,用于控制用户在规定的数值区间内进行选择

基础用法

基本滑动条,通过 v-model 绑定数据,默认取值范围为 0~100

Slider滑动输入条 - 图1

  1. <at-slider v-model="value"></at-slider>

不可用状态

设置属性 disabled 禁用滑动条

Slider滑动输入条 - 图2

  1. <at-slider v-model="value2" disabled></at-slider>

自定义取值范围

通过属性 minmax 分别设置最小和最大可取值

Slider滑动输入条 - 图3

  1. <at-slider v-model="value3" :min="20" :max="80"></at-slider>

离散值

可通过属性 step 控制每次滑动的间隔,默认间隔为 1

Slider滑动输入条 - 图4

  1. <at-slider v-model="value4" :step="10"></at-slider>

Slider 参数

参数说明类型可选值默认值
value当前的值,可通过 v-model 绑定Number--
step步长Number-1
min最小值Number-0
max最大值Number-100
disabled是否禁用Boolean-false

Slider 事件

事件名称说明返回值
change绑定的值有变化时触发改变后的值