做教育网站还挣钱吗,黑龙江人事考试网,菜户营做网站,麻涌仿做网站1.实现效果 场景表达#xff1a; 默认展示当年的年份#xff0c;默认展示前7年的年份 2.实现思路 创建一个新的Vue组件。 使用select元素和v-for指令来渲染年份下拉列表。 使用v-model来绑定选中的年份值。 3.实现代码展示
templatedivel-…1.实现效果 场景表达 默认展示当年的年份默认展示前7年的年份 2.实现思路 创建一个新的Vue组件。 使用select元素和v-for指令来渲染年份下拉列表。 使用v-model来绑定选中的年份值。 3.实现代码展示
templatedivel-select v-modelform.recentYear changeselectyare placeholder请选择 clearableel-optionv-foritem in years:keyitem.value:labelitem.label:valueitem.value/el-option/el-select/div/templatescriptexport 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 i0;i30;i){this.years.push({value:(year - i),label:(year - i) 年});}},selectyare(value){this.form.recentYear value},},created() {this.init()}}/script
