element年度多选

对于 Element UI 的年度多选，你可以使用其提供的 ElSelect 组件和 ElOption 组件来实现。具体步骤如下：

1. 在页面中引入 Element UI 库及其样式文件。

2. 在页面中使用 ElSelect 组件，并设置 multiple 属性为 true，表示开启多选功能。

3. 在 ElSelect 组件中使用 ElOption 组件，设置 value 属性为选项的值，label 属性为选项的显示文本。

4. 在 ElSelect 组件中使用 v-model 指令来绑定一个数组类型的变量，用于存储用户选择的值。

示例代码如下：

<el-select v-model="selectedValues" multiple>
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

其中，options 是一个数组，用于存储所有可选项的值和文本，如：

options: [
  { value: 'option1', label: '选项1' },
  { value: 'option2', label: '选项2' },
  { value: 'option3', label: '选项3' },
  // ...
]

selectedValues 是一个数组类型的变量，用于存储用户选择的值。在组件初始化时，可以将其设置为空数组。

data() {
  return {
    options: [
      { value: 'option1', label: '选项1' },
      { value: 'option2', label: '选项2' },
      { value: 'option3', label: '选项3' },
      // ...
    ],
    selectedValues: []
  }
}

这样，用户在页面中选择多个选项后，selectedValues 数组中就会存储这些选项的值。