html部分 | 序号 | 商品名称 | 商品价格 | 购买数量 | 增减操作 |
|---|
| {{ app.id }} | {{ app.name }} | {{ app.price }} | {{app.count }} | |
总价&＃xff1a;${{totalPrice()}}
js部分
new Vue({el: &＃39;#app&＃39;,data: {app_json: [{id: 1,name: &＃39;金苹果&＃39;,price: 999,count: 1},{id: 2,name: &＃39;红苹果&＃39;,price: 998,count: 1},{id: 3,name: &＃39;毒苹果&＃39;,price: -99,count: 1}]},methods:{totalPrice : function(){var totalP &＃61; 0;for (var i &＃61; 0,len &＃61; this.app_json.length;i})
结果
京公网安备 11010802041100号