所有循环值之和| Vuejs | Javascript |元素表

所有循环值之和| Vuejs | Javascript |元素表,javascript,json,vue.js,vuejs2,element,Javascript,Json,Vue.js,Vuejs2,Element,循环element.io表中的值列表。我需要显示权重列表的总和。我无法将所有权重值相加 var val= [ { "NmVehiclePlanning.deliveryBranch": "Madurai", "NmVehiclePlanning.deliveryCity": "Madurai", "NmVehiclePlanning.weight": 30106 }, { "NmVehiclePlanning.deliveryBranch

循环element.io表中的值列表。我需要显示权重列表的总和。我无法将所有权重值相加

var val= [ 
  { 
    "NmVehiclePlanning.deliveryBranch": "Madurai", 
    "NmVehiclePlanning.deliveryCity": "Madurai", 
    "NmVehiclePlanning.weight": 30106 
  }, 
  { 
    "NmVehiclePlanning.deliveryBranch": "Madurai", 
    "NmVehiclePlanning.deliveryCity": "Virudhunagar", 
    "NmVehiclePlanning.weight": 3498 
  }, 
  { 
    "NmVehiclePlanning.deliveryBranch": "Madurai", 
    "NmVehiclePlanning.deliveryCity": "KANYAKUMARI", 
    "NmVehiclePlanning.weight": 500 
  },  ]
上面的数据是我的json数据。需要全部合计(关键字名称:NmVehiclePlanning.weight)

期望值为

30106 3498 500
34104

我认为您需要在javaScript中计算这个值,然后显示总和

calculateSum(){
    var sum = 0;
    for(let value in val){
        sum += value['NmVehiclePlanning.weight']
    }
    return sum;
}

我认为您需要在javaScript中计算这个值,然后显示总和

calculateSum(){
    var sum = 0;
    for(let value in val){
        sum += value['NmVehiclePlanning.weight']
    }
    return sum;
}

试试这个。希望它能起作用

<el-table-column label="weight">
    <template slot-scope="scope">
        {{ calculateSum(scope.row.details) }}
    </template>
</el-table-column>

试试这个。希望它能起作用

<el-table-column label="weight">
    <template slot-scope="scope">
        {{ calculateSum(scope.row.details) }}
    </template>
</el-table-column>