![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
指令
good_night_9527
英勇黄铜
展开
-
《vue.js实战》利用计算属性、指令等知识开发购物车练习2
购物车需要展示一个已加入购物车的商品列表,包含商品名称、商品单价、购买数量和操作等信息,还需要实时显示购买总价。其中购买数量可以增加或减少,每类商品还可以从购物车中移除。练习1:在当前示例基础上扩展商品列表,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。练习2:将商品列表list改为一个二维数组来实现商品的分类,比如可分为“电子产品” “生活用品” 和...原创 2019-12-30 15:02:04 · 647 阅读 · 0 评论 -
《vue.js实战》练习之利用计算属性、指令等知识开发购物车
购物车需要展示一个已加入购物车的商品列表,包含商品名称、商品单价、购买数量和操作等信息,还需要实时显示购买总价。其中购买数量可以增加或减少,每类商品还可以从购物车中移除。练习1:在当前示例基础上扩展商品列表,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。练习2:将商品列表list改为一个二维数组来实现商品的分类,比如可分为“电子产品” “生活用品” 和...原创 2019-12-30 14:55:00 · 494 阅读 · 0 评论