解决el-select数据类型相同但是显示数字的问题

这个不是我写的，只是遇到的bug，写法问题，忽略了值的绑定的问题

源代码bug：

<el-select
              v-model="schemeInfo.horizon"
              placeholder="请选择起报月份"
              clearable
              filterable
            >
              <el-option v-for="(option,index) in horizonOptions" :key="index" :value="option.value"
                >{{ option.label }}
              </el-option>
            </el-select> 

定义的数据：

这里的原来的string被我改成了Number，因为需要全等，不然就是显示里面的值，而不是label

      horizonOptions: [
        { value: 0, label: '当年' },
        { value: 1, label: '次年' }
      ]

设置的默认值：

这里的 horizon: 0需要与上面的value为统一数据类型，也是数字

    schemeInfo: {
        schemeName: '',
        statCode: '',
        target: '',
        initMonth: '',
        horizon: 0
      },

看以上感觉都是对的哈，数据类型也是对的全等，但是就是显示不了中文

但是显示为：

问题原因所在：

1. 在 el-option 中，只绑定了 :value 属性，但没有绑定 :label 属性

2. 当选中选项时，el-select 默认会显示 value 而不是 label

关键修改点：

1. 在 el-option 上添加了 :label="option.label" 属性

2. 简化了 el-option 的内容，不需要在标签内再写 {{ option.label }}

3. 确保 v-model 绑定的 schemeInfo.horizon 与 option.value 类型一致（都是数字）

改后代码：

 <el-select
              v-model="schemeInfo.horizon"
              placeholder="请选择起报月份"
              clearable
              filterable
            >
              <el-option
                v-for="(option, index) in horizonOptions"
                :key="index"
                :label="option.label"
                :value="option.value"
              />
            </el-select>

修改后效果：