vue 實現數組對象中,每個對象屬性的總和

求每個total = FB2+FB4+PB1+PB3+PB5中屬性的總和；

<el-table :data="tableContent" class="table_bsm">
          <el-table-column
            v-for="(col, index) in tableHeader"
            :key="index"
            :prop="col.prop"
            :label="col.lable"
            align="center"
            min-width="100"
          >
            <template slot-scope="scope">
              <span v-if="col.prop === 'lableName'">
                {{ scope.row[col.prop] }}
              </span>
              <el-input
                v-else
                v-model.number="scope.row[col.prop]"
                placeholder="請輸入內容"
                onkeyup="value=value.replace(/[^\d]/g,'')"
                :disabled="col.prop == 'total' ? true : false"
                @input="tableFTInput(scope.row, scope.$index)"
              />
            </template>
          </el-table-column>
        </el-table>

data中需要聲明

tableHeader:[]

tableContent:[]
內容入截圖

 

 

  /**
     * input 計算total值
     * @param row 行數句
     */
    tableFTInput(row) {
      let noAddFiledArr = ["total", "lableName"] // 不需要相加計算total的值
      if (row) {
        let totalVal = 0
        for (const key in row) {
          let itemVal = row[key]
          if (!noAddFiledArr.includes(key)) {
            totalVal += itemVal * 1
          }
        }
        row.total = totalVal
      }
    },