element ui 下拉框选择年份

最新推荐文章于 2024-07-02 13:08:24 发布

听闻余生ssn

最新推荐文章于 2024-07-02 13:08:24 发布

阅读量2.8k

点赞数 4

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_47264982/article/details/108598187

版权

vue 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

<template>
  <div class="wrap">
    <el-select v-model="form.recentYear" @change="yearChange" placeholder="请选择" clearable>
      <el-option
        v-for="item in years"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
  </div>
</template>
<script>
  export default {
    data(){
      return{
        years:[],
        form:{
          recentYear:''
        }
      }
    },
    methods:{
      init(){
        var myDate = new Date;
        var year = myDate.getFullYear();//获取当前年
        this.initSelectYear(year)
        this.form.recentYear = year;
      },
      initSelectYear(year){
        this.years = [];
        for(let i=0;i<30;i++){
          this.years.push({value:(year - i),label:(year - i)+ "年"});
        }
      },
      yearChange(value){
        this.form.recentYear = value
      },
    },
    created() {
      this.init()
    }
  }
</script>