页面显示数据,下拉框的值根据字段显示值得到结果

判断例如:入院成绩结果是所有都是合格的,则体育锻炼入院下拉框显示为合格,有个不合格或者是没填,体育锻炼入院下拉显示为不合格,这样的判断函数怎么写。求大神帮助!CSDN移动问答

用vue+ElementUI写的,当然样式你可以自己改变,逻辑是一样的。

<template>
    <div>
       <el-select v-model="value" placeholder="请选择">
            <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
    </div>
</template>
<script>
export default {
  data () {
    return {
      // 分数
      grade: [100, 70, 60, 60, 70, 50],
      // 下拉框
      options: [{
        value: '选项',
        label: ''
      }],
      // 下拉框的值
      value: ''
    }
  },
  created () {
    this.testMethod()
  },
  methods: {
    testMethod () {
      for (var i = 0; i < this.grade.length; i++) {
        if (this.grade[i] < 60 || !this.grade[i]) {
          this.options[0].label = '不合格'
        } else {
          this.options[0].label = '合格'
        }
      }
    }

  }
}
</script>