Vant 步进器 van-stepper 阻止事件冒泡

 一般情况下

Vue 阻止事件冒泡用 .stop 即可解决

Vue 阻止事件默认行为用 .prevent 解决

今天这里是介绍 Vant 框架里写购物车，需求是购物车中的商品点击也可以进入到商品详情，于是在 card 标签加了 click 事件，就导致点击步进器 van-stepper 增加减少也会触发 card 的 click ，用原生事件 event.stopPropagation() 即可完美解决

<van-stepper 
  v-model="val.quantity" 
  @plus="plusNum(val.id)" 
  @minus="minusNum(val.id)" 
  min="1" 
  disable-input 
/>

plusNum(id) {
  event.stopPropagation();  // 阻止事件冒泡
  console.log(id);
},
minusNum(id) {
  event.stopPropagation();  // 阻止事件冒泡
  console.log(id);
},