Stepper 步进器
使用指南
import { Stepper } from 'fs-ui'
export default {
components: {
fsStepper: Stepper
}
}
1
2
3
4
5
6
7
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
2
3
4
5
6
7
- 禁用
<fs-stepper
v-model="stepper"
disabled>
</fs-stepper>
1
2
3
4
2
3
4
- 只读
<fs-stepper
v-model="stepper"
readonly>
</fs-stepper>
1
2
3
4
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
2
3
4
5
6
7
- 带背景
<fs-stepper
v-model="stepper3"
background>
</fs-stepper>
1
2
3
4
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 |
← Rate 评分 Dialog 弹出框 →