Stepper 步进器
增加,减少或修改当前数值
引入
import { Stepper } from 'mand-mobile-next'
Vue.createApp().component(Stepper.name, Stepper)
代码演示
API
Stepper Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 当前值 | Number/String | |
| step | 每次改变步数,可以为小数 | Number/String | 1 |
| min | 最小值 | Number/String | -Infinity |
| max | 最大值 | Number/String | Infinity |
| disabled | 禁用 | Boolean | false |
| read-only | 只读 | Boolean | false |
| is-integer | 只能输入整数 | Boolean | false |
Stepper Events
@change(currentValue)
值发生变化事件
@increase(difference)
当前值增加时触发
| 属性 | 说明 | 类型 |
|---|---|---|
| difference | 增加的数值 | Number |
@decrease(difference)
当前值减少时触发
| 属性 | 说明 | 类型 |
|---|---|---|
| difference | 减少的数值 | Number |
Mand Mobile