谁会写龙马帝莎怎么样编程的商品分类？

来源：蜘蛛抓取(WebSpider) 时间：2024-01-01 04:15 标签： 帝佤莎毛衣价格怎么样
哈哈哈，花了十几分钟写的一个vue商品总价计算，虽然很简单的。没有写样式。现在写博客也是为了让自己方便查阅东西。废话不多少直接上图这里用到了vue的计算属性-computed那这里就顺便说下computed这个东西吧。在计算属性中科院完成各种复杂的的逻辑，包括运算，函数调用，只需要最终返回一个最终的结果。计算属性依赖多个vue实例的数据，只要其中一项数据发生变化，计算属性就会重新的执行，视图也会更新。下面直接上代码：商品序号商品名称商品数量商品单价商品总价{{item.id}}{{item.name}}
-{{item.count}}+{{item.price}}{{item.count * item.price}}
一共{{totalCount}}件商品总价：{{totalPrice}}很抱歉购物车空空如也！new Vue({el:'#app',data:{list:[{id:001,name:'iPhone X',price:8100,count:2,},{id:002,name:'iPhone 7',price:5000,count:6,},{id:003,name:'iPhone 6s',price:3800,count:9,}]},methods:{add:function(index){//获取当前点击事件上面商品的数量var buy_num = this.list[index].count;this.list[index].count++;},reduce:function(index){var buy_num = this.list[index].count;if(buy_num<1) return;this.list[index].count--;}},computed:{totalCount:function(){var totalCount=0;for(let i=0;itotalCount += this.list[i].count;}return totalCount;},totalPrice:function(){var totalPrice=0;for(let i=0;itotalPrice += this.list[i].price * this.list[i].count;}return totalPrice;}}})
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐

我要回帖

更多关于 帝佤莎毛衣价格怎么样 的文章

 

随机推荐