mand-mobile/components/stepper

title	preview
Stepper	https://didi.github.io/mand-mobile/examples/#/stepper

Increase, decrease or modify the current value

Import

import { Stepper } from 'mand-mobile'

Vue.component(Stepper.name, Stepper)

Code Examples

API

Stepper Props

Props	Description	Type	Default
v-model	current value	Number/String	-
step	the number of steps can be changed and be a decimal	Number/String	1
min	minimum	Number/String	-Infinity
max	maximum	Number/String	Infinity
disabled	-	Boolean	false
read-only	-	Boolean	false
is-integer	only integers	Boolean	false

Stepper Events

@change(currentValue)

Change value

@increase(difference)

Triggered when the current value increases ^2.2.0+

Props	Description	Type
difference	Increased value	Number

@decrease(difference)

Triggered when the current value decreases ^2.2.0+

Props	Description	Type
difference	Reduced value	Number