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怎么兑换卡券
  • 丑用在姓氏怎么读
  • 为什么要学西餐?这三个理由足矣!
  • 热门搜索
    旅游同行 广西南宁旅游景点 北京最佳旅游时间 常熟旅游景点大全 斐济旅游攻略 中国旅游业发展前景 有品位旅游年卡 上海旅游人才网 河北旅游职业技术学院 北戴河旅游住宿