我有一个带有数量和价格输入的动态表,并且我使用计算属性来计算每行的总计。
现在我需要找到一种方法来计算总计(所有小计的总和)。
HTML:
<tr v-for="(item, index) in items">
<td><input v-model.number="item.qty" size="10"></td>
<td><input v-model.number="item.price" size="10"></td>
<td><input v-model.number="subtotalRow[index]" readonly size="10"></td>
<td><button @click="addRow(index)">+</button></td>
<td><button @click="removeRow(index)">-</button></td>
</tr>
<tr>
<td>Total: {{total}}</td>
</tr>
JavaScript:
computed: {
subtotalRow() {
return this.items.map((item) => {
return Number(item.qty * item.price)
});
},
// the index part is confusing me
//
// total() {
// return this.items.reduce((total, ?) => {
// return total + ?;
// }, 0);
//}
},
我提供了一个小小提琴来使事情变得清晰。
https://jsfiddle.net/h5swdfv5/ https://jsfiddle.net/h5swdfv5/
我希望一些指导可以帮助我。
先感谢您
total() {
return this.items.reduce((total, item) => {
return total + item.qty * item.price;
}, 0);
}
工作小提琴:https://jsfiddle.net/h5swdfv5/1/ https://jsfiddle.net/h5swdfv5/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)