ElementUI 自定义-下拉选择年份

场景：展现的更像下拉框那样，精简，看着舒服；

 效果图:

 HTML代码：

<el-form-item label="年度：">
    <el-select
        size="small"
        style="width: 100px"
        v-model="formdata.year"
        placeholder="请选择"
        clearable
    >
        <el-option
            v-for="item in yearsList"
            :key="item.label"
            :label="item.label"
            :value="item.value">
        </el-option>
    </el-select>
</el-form-item>

JS代码：

data(){
    return {
        yearsList:[],
        formdata:{
            year:'';
        }
    }
},
created(){
    this.initYears();
},
methods:{
    //设置日期列表
    initYears(){
        var myDate = new Date;
        var year = myDate.getFullYear();//获取当前年
        this.initSelectYear(year)
    },
    initSelectYear(year){
        this.yearsList = [];
        for(let i=0;i<30;i++){
        this.yearsList.push({value:(year - i),label:(year - i)+ "年"});
    }
},