开发中,碰到一个需求,当步进器增加的数量达到10时,再点击加号按钮,就要提示“超出限购数量”,所以打算使用van-stepper的overlimit(点击不可用的按钮时触发)事件。但是发现不好区分是加号还是减号触发的overlimit,文档也没写overlimit有什么参数。
然后点击源码看了一下,原来overlimit事件是有一个type参数的,这样就好解决了。
<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>