vue实现的仿淘宝购物车功能详解(2)

{ "status":1, "result":{ "total":50, "goods":[ { "name":"香烟", "price":15, "number":1, "selected": true, "image": "./img/xiangyan.jpg", "alt": "香烟" }, { "name": "啤酒", "price": 12, "number": 1, "selected": true, "image": "./img/pjiu.jpg", "alt": "啤酒" }, { "name": "打火机", "price": 2, "number": 1, "selected": true, "image": "./img/fire.jpg", "alt": "打火机" }, { "name": "鸡腿", "price": 5, "number": 1, "selected": true, "image": "./img/chick.jpg", "alt": "鸡腿" }, { "name": "垃圾袋", "price": 8, "number": 1, "selected": true, "image": "./img/bush.jpg", "alt": "垃圾袋" } ] }, "message":"" }

实现的结果如下图:

vue实现的仿淘宝购物车功能详解

代码下载:https://github.com/createor/vue/raw/master/vue.zip

或者点击此处本站下载

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/6aa8a6b014ed11a6b8ae8c786a9ac006.html