Vue获取最近12个月份列表

Vue Select选择器最近12个月份列

1.创建页面代码：

<Select v-model="billingMonth" style="width: 175px">
  <Option v-for="(item, index) in arrTime" :value="item.data" :key="index">{{ item.title }}</Option>
</Select>

2.在data中创建变量

data () {
  return {
    billingMonth: "",
    arrTime: [],
    arrTimeYear: 2020,
  }
}

3.获取最近12个份的方法：

//  获取申请月份list
requestMonth () {
  let date = new Date();
  let newArrTimeYear = date.getFullYear(); //获取完整的年份(4位)
  let arrTimeMonth = date.getMonth() + 2; //获取当前月份(0-11,0代表1月)
  let arr = [];
  for (let i = arrTimeMonth - 12; i < arrTimeMonth; i++) {
    let obj = { m: 0, y: 0, data: '', title: '' }
    if (i < 1) {
      obj.m = i + 12;
      obj.y = newArrTimeYear - 1;
    } else {
      obj.m = i;
      obj.y = newArrTimeYear;
    }
    if (obj.m < 10) {
      obj.data = obj.y + '-0' + obj.m;
      obj.title = obj.y + '年0' + obj.m + '月';
    } else {
      obj.data = obj.y + '-' + obj.m;
      obj.title = obj.y + '年' + obj.m + '月';
    }
    arr.push(obj);
  }
  this.arrTime = arr.reverse();
  this.arrTimeYear = newArrTimeYear;
  console.log(arr);
  this.billingMonth = this.arrTime[0].data;
},