項目場景：

下拉菜單顯示年份選項（月份也適用）
前段語言Vue

---

問題描述

在列表的搜索欄常常需要提供年份、月份選擇，此文記錄一種簡單的年份下拉菜單的展示方式：

	<el-form-item label="年份" prop="year"><el-select v-model="queryParams.year" placeholder="請選擇年份" @change="handleQuery" filterable clearable size="small" style="width:115px"><el-optionv-for="item in yearsList":key="item.label":label="item.label":value="item.value"></el-option></el-select></el-form-item>

export default {data() {return {// 年份yearsList:[],};},created() {this.initYears();},methods: {,/** 設置日期列表 */initYears(){let myDate = new Date;let year = myDate.getFullYear();//獲取當前年this.initSelectYear(year)},initSelectYear(year) {this.yearsList = [];let count = year - 2019 + 1;for (let i = 0; i < count; i++) {this.yearsList.push({value: (year - i), label: (year - i) + ""});}}}
}

---