Stepper 步进器

使用指南

import { Stepper } from 'fs-ui'

export default {
  components: {
    fsStepper: Stepper
  }
}
1
2
3
4
5
6
7

代码演示

  • 基本用法
<fs-stepper
  v-model="stepper"
  :step="2"
  :min="0"
  :max="10"
  @on-change="onChange">
</fs-stepper>
1
2
3
4
5
6
7
  • 禁用
<fs-stepper
  v-model="stepper"
  disabled>
</fs-stepper>
1
2
3
4
  • 只读
<fs-stepper
  v-model="stepper"
  readonly>
</fs-stepper>
1
2
3
4
  • 禁止输入
<fs-stepper
  v-model="stepper"
  step="1.1"
  :min="-2"
  :max="8"
  disableInput>
</fs-stepper>
1
2
3
4
5
6
7
  • 带背景
<fs-stepper
  v-model="stepper3"
  background>
</fs-stepper>
1
2
3
4

属性

参数 说明 类型 默认值
v-model 绑定的值 String, Numer -
step 步进值 String, Numer 1
min 最小值 String, Numer 1
max 最大值 String, Numer Infinity
disabled 是否disable Boolen -
disableInput 禁止手动输入 Boolen -
readonly 是否readonly Boolen -
background 带背景 Boolen -

事件

event 说明 返回值
input 绑定值改变时触发 value
on-change 绑定值改变时触发 value