如何计算数组中的总数？
我将数据作为props 传递给子组件，我被困在这里.当我控制台log prop时，它返回一个非常复杂的对象.我try 了this.values.reduce()个功能，但不起作用.
<template>
<tr v-for="value in values" >
<th scope="row">{{$index+1}}</th>
<td>{{value.name}}</td>
<td>-</td>
<td>${{value.total}}</td>
</tr>
<tr>
<th></th>
<td><strong>Total:{{total}}</strong></td>
<td>-</td>
<td>-</td>
</tr>
</template>
<script>
export default {
props: ['values'],
ready: function() {
}
}
</script>
如果其他人和我处于同样的情况，我想我会补充这个答案.我需要从嵌套对象中获取值，然后在减少它们之前将它们推送到数组中:
total: function(){
let total = [];
Object.entries(this.orders).forEach(([key, val]) => {
total.push(val.price) // the value of the current key.
});
return total.reduce(function(total, num){ return total + num }, 0);
}
这将使用ES7 .entries在对象中循环，如下所示:
orders = {
1: {title: 'Google Pixel', price: 3000},
2: {title: 'Samsung Galaxy S8', price: 2500},
3: {title: 'iPhone 7', price: 5000}
}
然后，您可以使用以下选项在模板中显示总数:
<span> {{total}} </span>