Javascript 如何获取vue js中所有列的总和

我的查询在我的控制器中

我的查询结果

在我眼里。。。我的公式是得到工作时间的总和，这是我的

总天数

和

除以
8
和
乘以
每日费率
每日工资率取决于每位工人的工资率。。我想
全部


结构的
{（fetch.total_days/8）*fetch.daily_rate）}
您可以在PHP端计算总和，在Vue.js中只输出结果

$fetch = [];
$total_structural = 0;

foreach ($structural as $key) {
    // ...
    $total_structural += ($key->reg_hour / 8) * $key->rate;
}

$fetch['total_structural'] = $total_structural;

return $fetch;

我建议您使用vuejs计算属性

调用returnTotal（）而不是（{{（fetch.total_days/8）*fetch.daily_rate）}）

谢谢
太好了！它很有效：）
1: {total_ot: 1, total_days: 24, wrk_id: 1, daily_rate: 575,…}
daily_rate: 575
date: {2020-09-24: {work_hours: 8, adj_hour: 0}, 2020-09-25: {work_hours: 8, adj_hour: 0},…}
total_days: 24
total_ot: 1
wrk_id: 1
2: {total_ot: 0, total_days: 48, wrk_id: 2, daily_rate: 450,…}
daily_rate: 450
date: {2020-09-24: {work_hours: 8, adj_hour: 0}, 2020-09-25: {work_hours: 8, adj_hour: 0},…}
total_days: 48
total_ot: 0
wrk_id: 2
3: {total_ot: 0, total_days: 8, wrk_id: 3, daily_rate: 560,…}
daily_rate: 560
date: {2020-09-24: {work_hours: 8, adj_hour: 0}}
total_days: 8
total_ot: 0
wrk_id: 3

  <table class="table table-sm borderless">           
          <thead>
          <th></th>
          <th></th>
          </thead>
          <tbody>
          <tr  v-for="fetch in assignmentTotal">
          <td style="height:10px;">Structural</td>
          <td style="height:10px;">{{(fetch.total_days / 8) * fetch.daily_rate)}</td>
          </tr>

          </tbody>
          </table>

$fetch = [];
$total_structural = 0;

foreach ($structural as $key) {
    // ...
    $total_structural += ($key->reg_hour / 8) * $key->rate;
}

$fetch['total_structural'] = $total_structural;

return $fetch;

computed:{
returnTotal:function(){
var sum = this.assignmentTotal.reduce((acc,item)=> acc+ (item.total_days / 8) * item.daily_rate), 0);
  return sum;
}
}