vue中如何选择年份?

 时间:2026-02-14 20:35:23

1、首先在模板中创建一个模板列,就是留出一个显示年份的位置,关键还要和其他的元素对齐<el-row gutter="20">  <el-col span="8">

vue中如何选择年份?

2、在该位置上时间控件,然后设置显示的参数,这个可以根据个人的需要来设置,我只设置了年份的显示,并且设置了空间的宽度style:width:160px

vue中如何选择年份?

3、保存好后在项目中运行npm run dev在浏览器中就会发现控件已经显示出来了,点击之后就会弹出窗口选择

vue中如何选择年份?

4、下面来设置时间控件的默认年份的显示首先在空间中加入 v-model="listQuery.year",listQuery.year是个变量需要给赋值

vue中如何选择年份?

5、在data() { return { 中加入数组变量 ,定义listQuery,还有变量year,以及其他的数组中的其他的变量

vue中如何选择年份?

6、为了在网页打开的时候就能看到已经加载的年份,而且没有时间差就需要在created()中给listQuery.year赋当前年份

vue中如何选择年份?

  • 秋雨瑟瑟什么意思
  • 选购电吹风机的技巧分享
  • 学宝App怎么兑换卡券
  • 丑用在姓氏怎么读
  • 为什么要学西餐?这三个理由足矣!
  • 热门搜索
    怎么破解无线网密码 湖北工业大学怎么样 dnf积分怎么获得 收视率怎么赚钱 怎么赠送好友qq会员 婴儿发烧38度怎么办 紫金矿业怎么样 电脑怎么全屏截图 肝囊肿是怎么形成的 怎么样打字速度快