与我们订单数据中的paymentType
关联:
所以峩们可以在Vue实例中定义一个属性来记录支付方式:
然后在页面渲染时与这个变量关联:
这里的送货清单其实就是购物车中用户选择的要付款的商品
因此,我们需要在购物车跳转过来的同时携带选中的购物车的信息
我们修改cart.html
中的页面跳转逻辑,把用户选中的购物车信息传遞过来:
然后在created
钩子函数中获取购物车数据保存到本地属性,要注意的是我们应该在获取数据前校验用户登录状态,如果发现未登录则直接重定向到登录页:
要修改的页面位置:每一个li就是一件商品
另外在商品列表下面,还有一个总金额的计算:
可以看出这里主要有4個数据:
不过我们没有做优惠活动另外运费需要结合物流系统来计算,暂时我们都设置为0在order属性中写死: