1.动态统计购物车中商品的总数量
我的操作:
1》在 cart.js
模块中,在 getters
节点下定义一个 total
方法,用来统计购物车中商品的总数量:
2》在商品详情页面的 script
标签中,按需导入 mapGetters
方法并进行使用:
3》通过 watch
侦听器,监听计算属性 total
值的变化,从而动态为购物车按钮的徽标赋值:
最终效果图:
我的操作:
1》在 cart.js
模块中,在 getters
节点下定义一个 total
方法,用来统计购物车中商品的总数量:
2》在商品详情页面的 script
标签中,按需导入 mapGetters
方法并进行使用:
3》通过 watch
侦听器,监听计算属性 total
值的变化,从而动态为购物车按钮的徽标赋值:
最终效果图: