vant/docs/examples-docs/en-US/stepper.md

Stepper

Install

import { Stepper } from 'vant';

Vue.component(Stepper.name, Stepper);

Usage

Basic Usage

:::demo Basic Usage

<van-stepper v-model="stepper1" />

export default {
  data() {
    return {
      value: 1
    }
  }
}

:::

Disabled

:::demo Disabled

<van-stepper v-model="stepper1" disabled />

:::

Advanced Usage

:::demo Advanced Usage

<van-stepper
  v-model="stepper2"
  min="5"
  max="40"
  step="2"
  default-value="9"
/>

:::

API

Attribute	Description	Type	Default	Accepted Values
min	Min value	`String	Number`	1
max	Max value	`String	Number`	-
defaultValue	Default value	`String	Number`	1
step	Value change step	`String	Number`	1
disabled	Disable value change	Boolean	false	-
disableInput	Disable input	Boolean	false	-

Event

Event	Description	Arguments
change	Triggered when value change	value: current value
overlimit	Triggered when click disabled button	-