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);
},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM