Vue JS -有条件地设置开始年和结束年下拉列表

<template>
  <div>
    <select v-model="selectedStartYear">
      <option v-for="year in startYears" :value="year">{{ year }}</option>
    </select>
    
    <select v-model="selectedEndYear">
      <option v-for="year in endYears" :value="year">{{ year }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedStartYear: '',
      selectedEndYear: '',
      startYears: [],
      endYears: []
    };
  },
  mounted() {
    // 根据条件设置开始年和结束年的下拉列表选项
    const currentYear = new Date().getFullYear();
    for (let year = currentYear - 10; year <= currentYear; year++) {
      this.startYears.push(year);
      this.endYears.push(year);
    }
  }
};
</script>