如何计算数组的总量?
我将数据作为道具传递给子组件,但我被困在这里。当我控制 log prop 时,它返回一个非常复杂的对象。我尝试 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>
原文由 OMahoooo 发布,翻译遵循 CC BY-SA 4.0 许可协议
万一其他人和我处于相同的情况,我想我会添加这个答案。我需要从嵌套对象中获取值,然后在减少它们之前将它们推送到数组中:
这使用 ES7
.entries
循环遍历如下所示的对象:然后,您可以在模板中显示总数: