ant design vue组件中没有现成的年份组件可使用，不过可通过配置来实现年份选择。

先看实现效果：

关闭效果：

展开效果：

配置如下：

<a-date-picker
    mode="year"
    format="YYYY"
    :style="{width: '256px'}"
    :open="timeOpenVieible"
    @openChange="changeOpen"
    @panelChange="changeTime"
    :value="timeSelected"
    placeholder="请选择年份"
/>

配置说明：

1. 要使用a-date-picker组件，月份a-month-picker、周a-week-picker、范围a-range-picker配置都是不生效的

2. 配置mode="year"，打开后会显示年份选择

3. 格式化format="YYYY"，使用方法参考moment().format('YYYY')，如果不配置，显示的日期还是yyyy-mm-dd格式

4. 因为没有确定按钮，需要使用panelChange来监听选择的时间变化，方法如下：

changeTime (value) {
      this.timeSelected = moment(value).format('YYYY')
      this.timeOpenVieible = false    //选择完时间后关闭组件面板
    }

获取到的值是moment格式，所有需要格式化一下，然后赋值给timeSelected

5. 选择完年份后，组件面板不会自动关闭，需要使用open和openChange方法来控制面板的关闭和开启

data () {
    return {
        timeOpenVieible: false    //配置初始时不显示
    }
}

changeOpen (value) {
      this.timeOpenVieible = value    //鼠标点击时触发开启方法，需要改变开启状态，否则组件面板打不开
    }

6. 初始化赋值value，格式是string

data () {
    return {
        timeSelected: moment().format('YYYY')
    }
}

到此年份选择组件已经全部配置完成。