如何在Element UI中配置el-date-picker组件以便只允许用户选择特定的年份范围？

在Element UI中，你可以通过`props`来配置`el-date-picker`组件，特别是`min-year`和`max-year`属性来限制用户可以选择的日期范围。这两个属性分别用于设置最小年份和最大年份。例如：

<el-date-picker
  v-model="date"
  type="date"
  :picker-options="{
    shortcuts: [{
      text: '指定范围',
      value: ['开始日期', '结束日期']
    }],
    minYear: startYear,
    maxYear: endYear
  }"
></el-date-picker>

在这里，`startYear`和`endYear`是你想设定的年份范围的起始和结束值。当你需要动态控制这个范围时，可以在数据绑定的地方更新这两个变量。

data() {
  return {
    date: '',
    startYear: new Date().getFullYear() - 10, // 设置一个默认的十年前作为起始年份
    endYear: new Date().getFullYear() + 10, // 设置一个默认的十年后作为结束年份
  }
},
methods: {
  updateRange(newStartYear, newEndYear) {
    this.startYear = newStartYear;
    this.endYear = newEndYear;
  }
}

然后你可以提供一个方法来让用户选择新的年份范围，比如点击按钮触发`updateRange`方法。