Vuejs получить текущий год и следующий год

Question

Я хочу создать опцию выбора с текущей датой и датой следующего года, используя vuejs

, вот мой код

new Vue ({
  el: '.container',
  methods: {
    getCurrentYear() {
      return new Date().getFullYear();
    }
  }
});
<div class="container">
  <select id="dob">
    <option value="0">Year:</option>
    <option v-for="year in getCurrentYear()" :value="year">{{ year }}</option>
  </select>

Спасибо за помощь

Answer 1

new Vue({
  el: '#app',
  
  data: {
    selectedYear: ''
  },
  
  computed: {
    getYears () {
      let currentDate = new Date()
      let currentYear = currentDate.getFullYear()
      let nextyear = currentYear++
      return [currentYear, nextyear]
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">

  Currently selected year: {{ selectedYear }} <br>

  <select v-model="selectedYear">
    <option value="">select year</option>
    <option
      v-for="(year, i) in getYears"
      :key="i"
      :value="year"
    >
      {{ year }}
    </option>
  </select>

</div>