AntdesignVue RangePicker :mode=“[‘year’, ‘year’]” 失效

您好！对于 Ant Design Vue 的 RangePicker 组件，通过设置 mode 属性为 ['year', 'year'] 是无法实现预期效果的。

Ant Design Vue 的 RangePicker 组件的 mode 属性用于指定日期选择器的模式，支持的模式有 'year'、'month'、'date'、'week' 和 'datetime'。而 ['year', 'year'] 并不是有效的模式组合。

如果您想要选择两个年份，可以考虑使用两个 DatePicker 组件来实现。例如：

<template>
  <div>
    <a-date-picker
      v-model="startYear"
      type="year"
      @change="handleStartYearChange"
    ></a-date-picker>
    <a-date-picker
      v-model="endYear"
      type="year"
      @change="handleEndYearChange"
    ></a-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      startYear: null,
      endYear: null,
    };
  },
  methods: {
    handleStartYearChange(date) {
      // 处理开始年份的选择
    },
    handleEndYearChange(date) {
      // 处理结束年份的选择
    },
  },
};
</script>

以上代码中，我们使用了两个 DatePicker 组件，分别绑定了 startYear 和 endYear 这两个变量，通过 @change 事件来监听日期的选择变化，并在对应的方法中进行处理。

希望以上信息对您有所帮助！如果还有其他问题，请随时提问。