计算从当前年份到前四年的年份,组成一个数组

最新推荐文章于 2024-09-11 22:09:42 发布

芒果沙冰哟

最新推荐文章于 2024-09-11 22:09:42 发布

阅读量371

点赞数 1

本文链接：https://blog.csdn.net/m0_61476911/article/details/126370297

版权

前端开发 Vue.js 数组生成年份动态数据

关键词由CSDN通过智能技术生成

需要实现一个年份的数组,后端不会返回数据,只有纯前端来实现,所以需要一个函数来动态获取,首先看看实现的效果图:

其实只需要一个简单函数就可以动态获取,上代码:

<template>
  <div>
    <el-radio-group v-model="year">
      <el-radio v-for="item in yearOption" :key="item" :label="item" />
    </el-radio-group>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        year: '',
        yearOption: [],
      }
    },
    created() {
      this.getYear()
    },
    methods: {
      //获取年份数组
      getYear() {
        var myDate = new Date()
        var year = myDate.getFullYear()
        for (let i = 0; i < 5; i++) {
          this.yearOption.push(year - i)
        }
      },
    },
  }
</script>