vue的el-select绑定的值无法选中el-option问题及解决

<template>
 <el-select v-model="formData.colorId" placeholder="选择">
   <el-option
     v-for="item in colorOptions"
     :key="item.id"
     :label="item.name"
     :value="item.id">
   </el-option>
 </el-select>
<template>

<script>
colors = {
 "1": "黄",
 "2": "红",
 "3": "绿"
}
export default {
  data() {
      return {
          formData:{ colorId: 2 },
          colorOptions: obj2Array(colors)
    }
  }
}
function obj2Array(obj){
  const arr = []
  for(let key in obj){
    arr.push({id:key, name: obj[key]})
  }
  return arr
}
</script>

function obj2Array(obj){
  const arr = []
  for(let key in obj){
    arr.push({id:Number(key), name: obj[key]})
  }
  return arr
}

schoolChange (value) {
    // this.form.specialtyid=''
    this.$set(this.form, 'specialtyid', '')
    
    if (!value) {
      this.specialtyList = []
    } else {
      this.GetspecialtynList(value)
    }
},

        <el-select v-model="form.specialtyid" @change="specChange">
            <el-option
              v-for="item in specialtyList"
              :label="item.orgname"
              :key="item.orgid"
              :value="item.orgid"
            ></el-option>
        </el-select>
    
        specChange () {
          //强制刷新
          this.$forceUpdate()
        },