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
        }
      })
      return count
    },
  }
}
</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>