可以在减少商品数量的方法中添加判断,当商品数量等于0时,不再减少:

methods: {
  ...mapActions('shopcart', ['del']),
  decrease(item) {
    if(item.num > 0) {
      item.num--;
    }
  }
}

然后在模板中调用该方法:

<button type="button" @click="decrease(item)">-</button>

这样就可以实现购物车减到0时就减不动了。

template div class=list div class=item v-for=item in items key=itemid div class=item-l img class=item-img src=itemsrc div div class=item-r div class=item-title

原文地址: https://www.cveoy.top/t/topic/fuUL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录