Vant2的van-stepper的overlimit事件只监听

限购.png

开发中，碰到一个需求，当步进器增加的数量达到10时，再点击加号按钮，就要提示“超出限购数量”，所以打算使用van-stepper的overlimit（点击不可用的按钮时触发）事件。但是发现不好区分是加号还是减号触发的overlimit，文档也没写overlimit有什么参数。

van-stepper文档.png

然后点击源码看了一下，原来overlimit事件是有一个type参数的，这样就好解决了。

van-stepper源码.png

<template>
  <div>
    <van-stepper
      v-model="value"
      :min="1"
      :max="10"
      @overlimit="showMaxLimitAlert"
    ></van-stepper>
  </div>
</template>

<script>
import { Toast } from "vant";

export default {
  data() {
    return {
      value: 1,
    };
  },
  methods: {
    showMaxLimitAlert(type) {
      if (type === 'plus') {
        Toast("已经是最大值了");
      }
      if (type === 'minus') {
        Toast("已经是最小值了");
      }
    },
  },
};
</script>