Vue 简单实例 购物车5

<div class="btn-wrap">
      <a :class="['btn', 'btn--red', checkedCount != 0 ? '' : 'btn--dis']">结算({{ checkedCount }})</a>
</div>

<script>export default{
  methods: {
    //选中的商品数量
checkedCount() {
      let count = 0
      this.cartList.forEach(item =>{
        if(item.checked) {
          count +=item.productNum
        }
      })
      returncount
    },
  }
}
</script>

<a :class="['btn', 'btn--red', checkedCount != 0 ? '' : 'btn--dis']"@click="checkOut">结算({{ checkedCount }})</a>

<script>export default{
  methods: {
    //结算跳转
checkOut() {
      if(this.checkedCount == 0) return
      this.$router.push('/address')
    }
  }
}
</script>