Element 年份范围选择器

Element UI 提供了一个可用于选择年份范围的 DatePicker 组件，具体实现步骤如下：

1. 首先在 Vue 组件中引入 `DatePicker` 组件和 Element UI 样式文件：

import { DatePicker } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

2. 在模板中使用 `DatePicker` 组件，并设置 `type` 属性为 `daterange`，并指定格式化方式：

<template>
  <div>
    <el-date-picker
      v-model="yearRange"
      type="daterange"
      format="yyyy"
      value-format="yyyy"
      start-placeholder="开始年份"
      end-placeholder="结束年份"
    ></el-date-picker>
  </div>
</template>

3. 在 Vue 实例中定义 `yearRange` 数据，用于存储选择的年份范围：

export default {
  data() {
    return {
      yearRange: []
    };
  }
};

通过以上步骤，您就可以实现一个基本的年份范围选择器了。需要注意的是，以上示例使用的是 Element UI 的 DatePicker 组件，如果您使用的是其他 UI 库，可能需要做相应的调整。