加入购物车

css趣多多

于 2025-03-19 18:23:05 发布

阅读量224

点赞数 5

文章标签： vue.js 前端 javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/2401_83539958/article/details/146345500

版权

1创建 cart 分支

2配置 vuex

3创建购物车的 store 模块

在商品详情页中使用 Store 中的数据

4.实现加入购物车的功能

封装一个将商品信息加入购物车的 mutations 方法，命名为 addToCart

在商品详情页使用

5动态统计购物车中商品的总数量

6持久化存储购物车中的商品

7优化商品详情页的 total 侦听器

使用 普通函数的形式 定义的 watch 侦听器， 在页面首次加载后不会被调用 。因此导致了商品详情

页在首次加载完毕之后，不会将商品的总数量显示到商品导航区域：

为了防止这个上述问题，可以使用 对象的形式 来定义 watch 侦听器

8动态为 tabBar 页面设置数字徽标

9将设置 tabBar 徽标的代码抽离为 mixins

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。