Vue制作简易购物车
功能描述
- 修改商品数量,同时价格动,总价态变化。
- 点击删除按钮可以动态删除商品
具体代码
Document //引入vue.js包
商品号 商品 单价 数量 金额 操作 {{book.id}} {{book.title}} {{book.price}} {{book.count}} {{itemprice(book.price,book.count)}}
总价:¥{{totalprice}}
要点注意 ❗
这里注意要用for...of循环
区别for...in和for...of的用法
for-in遍历的是key,只能获得对象的键名,不能获得键值(适合遍历对象)
for-of遍历的是value,允许遍历获得键值(适合遍历数组)
具体效果
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!