vue前端通过判断一个值,更新另一个值的结果

比如我这里是根据判断的结果:

如果有一个不合格,结果就是不通过,

前端列表展示的代码

 <el-table-column label="判断" prop="judgment">
                        <template slot-scope="{ row }">
                          <el-select v-model="row.judgment" placeholder="请选择"  @change="updateJudgment(tableData111)">
                            <el-option label="/" value="/"/>
                            <el-option label="合格" value="合格"/>
                            <el-option label="不合格" value="不合格"/>
                          </el-select>
                        </template>
                      </el-table-column>

通过对该列表所有行的判断的结果,对我们的"结果"字段进行更新

下面是方法的代码:

   //根据判断自动选择实验结果
         updateJudgment(tableData) {
        const judgments = tableData.tableData.map((r) => r.judgment);
        if (judgments.every((j) => j === "合格")) {
            tableData.result = "通过";
        } else {
            tableData.result = "不通过";
        }},

如方法所示,如果"判断"全为"合格","结果"为"通过",

否则"结果"就是"不通过".