需要实现一个年份的数组,后端不会返回数据,只有纯前端来实现,所以需要一个函数来动态获取,首先看看实现的效果图:
其实只需要一个简单函数就可以动态获取,上代码:
<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>