vue 第八天小结作业模拟购物车

<div id="vue_one"><table><tr><th>书籍名称</th><th>出版日期</th><th>价格</th><th>购买数量</th><th>操作</th></tr><tr v-for="(item,index) in book"><th>{{item.name}}</th><th>{{item.time}}</th><th>￥{{item.price}}</th><th><button @click="item.counts >1 ? item.counts-- : item.counts">-</button>{{item.counts}}<button @click="item.counts++">+</button></th><th><button @click="delete1(index)">移除</button></th></tr></table>总价格：{{sum1}}<font v-for="item in qwe">{{item}}</font>
</div>
<script type="text/javascript">const vm = new Vue({el: '#vue_one',data: {counts: 0,book: [{name: "java从入门到入土",time: "2016-4",price: 15.00,counts: 1},{name: "php找不到理由学习",time: "2012-4",price: 53.00,counts: 1},{name: "编程是什么",time: "2008-10",price: 54.00,counts: 1},{name: "编程大全",time: "2014-3",price: 322.00,counts: 1}]},methods: {delete1(index) {this.book.splice(index, 1);}},computed: {sum1() {let cc = 0;for (let b in this.book) {cc += this.book[b].counts * this.book[b].price}return cc;}}})
</script>

vue 第八天小结作业模拟购物车相关推荐

python模拟购物车购物过程_Python 模拟购物车的实例讲解
1.功能简介此程序模拟用户登陆商城后购买商品操作.可实现用户登陆.商品购买.历史消费记查询.余额和消费信息更新等功能.首次登陆输入初始账户资金,后续登陆则从文件获取上次消费后的余额,每次购买商品后会 ...
2020机修钳工（中级）模拟考试及机修钳工（中级）作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 2020机修钳工(中级)模拟考试及机修钳工(中级)作业模拟考试,包含机修钳工(中级)模拟考试答案解析及机修钳工(中级)作业模拟考试练习.由安全生产模拟考试 ...
2021年C证(安全员)复审模拟考试及C证(安全员)作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 C证(安全员)复审模拟考试是由公众号安全生产模拟考试一点通提供,C证(安全员)证模拟考试题库是根据C证(安全员)最新版教材汇编出C证(安全员)仿真模拟考试 ...
2021年烟花爆竹产品涉药复审考试及烟花爆竹产品涉药作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:施工升降机安装拆卸工(建筑特殊工种)考试根据新施工升降机安装拆卸工(建筑特殊工种)考试大纲要求,安全生产模拟考试一点通将施工升降机 ...
2020美容师（初级）操作证考试及美容师（初级）作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 2020美容师(初级)操作证考试及美容师(初级)作业模拟考试,包含美容师(初级)操作证考试答案解析及美容师(初级)作业模拟考试练习.由安全生产模拟考试一点 ...
2021年危险化学品生产单位安全生产管理人员最新解析及危险化学品生产单位安全生产管理人员作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:危险化学品生产单位安全生产管理人员最新解析参考答案及危险化学品生产单位安全生产管理人员考试试题解析是安全生产模拟考试一点通题库老师 ...
2021年山东省安全员C证模拟考试及山东省安全员C证作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:山东省安全员C证模拟考试考前必练!安全生产模拟考试一点通每个月更新山东省安全员C证作业模拟考试题目及答案!多做几遍,其实通过山东省 ...
2021年广东省安全员B证第三批（项目负责人）新版试题及广东省安全员B证第三批（项目负责人）作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:广东省安全员B证第三批(项目负责人)新版试题考前必练!安全生产模拟考试一点通每个月更新广东省安全员B证第三批(项目负责人)作业模拟 ...
2020年煤矿安全监测监控实操考试视频及煤矿安全监测监控作业模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 2020年煤矿安全监测监控实操考试视频及煤矿安全监测监控作业模拟考试,包含煤矿安全监测监控实操考试视频答案和解析及煤矿安全监测监控作业模拟考试练习.由安全 ...
Java面向对象编程-模拟购物车模块
总体架构需求: 模拟购物车模块功能,需要实现添加商品到购物车中去,同是需要提供修改商品的购买数量,结算商品价格等功能分析: ① 购物车中的每个商品都是一个对象,需要定义一个商品类 ② 购物车本身也 ...

vue 第八天小结作业模拟购物车

vue 第八天小结作业模拟购物车

vue 第八天小结作业模拟购物车相关推荐

最新文章

热门文章

vue 第八天 小结 作业模拟购物车

vue 第八天 小结 作业模拟购物车

vue 第八天 小结 作业模拟购物车相关推荐

最新文章

热门文章

vue 第八天小结作业模拟购物车

vue 第八天小结作业模拟购物车

vue 第八天小结作业模拟购物车相关推荐