el-table 列数字求和

Question

页面需要实时更新table列的得分总和，然后自己的计算出了点问题不知道怎么改？功力比较弱，不是很熟悉vue不知道怎么携手，所以想问问大佬。先上页面的截图吧。

第一轮的计算是正确的，但是修改下拉选项之后的总分计算就开始不正确了，用的是computed，出现了红色报错也不知道怎么解决。

多选择几次总分计算就开始出问题了

下面上代码

this.productionTableList是整个table的数据 循环得到item.ContentScore 保存到data的productionNum 中

computed: {
    prodectionCalc(){
        for(let item of this.productionTableList){
            this.productionNum += item.ContentScore
        }
        return this.productionNum;
    },
},

data() {
    return {
       productionNum: 0,
    }
},

<h3 class="text-r">生产控制能力总分：<span>{{prodectionCalc}}</span>分</h3>

麻烦大佬帮忙看看，万分感谢

Answer 1

感觉你要更新productionTableList后computed才会触发计算属性;即每次操作table的时候更新一下productionTableList

Answer 2

你修改之后，每行的得分是怎么改变的，在每行改变之后再进行总分的统计。这个地方根据this.productionTableList统计是不太准确的，要根据每行得分，统计总分。