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
 Mand Mobile