el-select 动态绑定options

el-select 动态绑定 options 可以通过在组件中使用 v-for 循环来实现。具体步骤如下：
1. 在 data 中定义一个数组，用于存储 options 的数据。
2. 在 el-select 组件中使用 v-for 循环遍历该数组，生成 el-option 组件。
3. 在需要动态改变 options 数据时，修改该数组即可。

下面是一个示例代码：

<template>
  <el-select v-model="selectedOption">
    <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' }
      ]
    }
  },
  methods: {
    updateOptions() {
      // 修改 options 数组
      this.options = [
        { label: '新选项1', value: 'newOption1' },
        { label: '新选项2', value: 'newOption2' },
        { label: '新选项3', value: 'newOption3' }
      ]
    }
  }
}
</script>

当需要动态改变 options 数据时，只需要调用 updateOptions 方法即可。同时，也可以通过监听 props 中的数据来动态更新 options。例如，当 yearList 数据发生变化时，可以在 watch 中监听并更新 options 数组。