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,允许遍历获得键值(适合遍历数组)

具体效果


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部