购物车实现

 

• 选择商品

  • 单选  总金额需要计算

  • 全选  总金额需要计算

  • 取消全选 总金额需要计算

  • 删除 总金额需要计算

• 商品数量

  • 增加 单个商品金额需要计算，总金额需要计算

  • 减少 单个商品金额需要计算，总金额需要计算

针对金额，我们需要使用到 Vue 中的 filter 过滤属性，来为金额添加单位

filters:{
    round:function (value) {
      return "$"+value.toFixed(2);
    }
  },

商品表格的实现

• 拿到商品数据，进行循环渲染

• 处理商品金额单位

• 处理商品数量

• 删除操作

• 商品单选

<table class="detial-wrap">
      <tr>
        <th>商品信息</th>
        <th>商品金额</th>