Сумма всех значений цикла |Вуэйс |Javascript |Элемент таблицы

Question

Цикл списка значений в таблице 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)

<el-table-column label="weight">
    <template slot-scope="scope">
        <span v-for="data in scope.row.details">
            {{ data['NmVehiclePlanning.weight'] }}
        </span>
     </template>
</el-table-column>

Полученное значение

30106 3498 500

Ожидаемое значение

34104

Answer 1

Попробуй с этим. Надеюсь, это сработает

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

Добавьте эту функцию в ваш скрипт.

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

Answer 2

Я думаю, вам нужно вычислить это значение в вашем javaScript, а затем отобразить сумму.

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