vuex
XYXYYDD
这个作者很懒,什么都没留下…
展开
-
点击弹出购物车及其它操作
假设你已经完成基本购物逻辑,以下是购物车更详细操作 1.复制原有以及css 2.从vuex中获取商品数据 3.对页面进行渲染 4.对vuex修改部分进行翟离复用 5。复用操作加减数量事件 6.关于数量小于0时的显示判断,这里要注意一点,template放在外面不会实际占位,v-if 放在div里的话,如果数量小于0就不会显示,不会出现数量为0的商品还会有个一空盒子占位 7.关于购物车选中与非选中,以及从新计算总额,如果选中就计算 8.关于购物车选中状态切换,定义一个方法,原创 2021-09-12 11:25:52 · 278 阅读 · 0 评论 -
使用VueX实现购物车功能
假设你已经完成相关html css 布局 1.给加减按键绑定点击事件,传递店铺Id,商品id 商品详情 ,加减数以及店铺名 2.点击事件派发一个action 名为 changeCartItemInfo,并且传递参数 3.mutations感知到提交的changeCartItemInfo改变,执行changeCartItemInfo方法,在这个方法中,接收两个参数,vue中的state和外面传递进来的payload,定义一个shopinfo等于vuex中传递进来的店铺id,如果不存在则.原创 2021-09-10 17:10:51 · 951 阅读 · 0 评论