Stepper 步进器

使用指南

import { Stepper } from 'vant';
Vue.use(Stepper);

代码演示

基础用法

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

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

禁用状态

通过设置disabled属性来禁用 stepper

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

高级用法

默认是每次加减为1，可以对组件设置step、min、max、default-value属性

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

API

Event

原文:

https://youzan.github.io/vant/#/zh-CN/stepper