Vue选择年的组件

代码:

复制代码
<div class="block">
	<span class="demonstration">年</span>
	<el-date-picker
	  v-model="value3"
	  type="year"
	  placeholder="选择年">
	</el-date-picker>
</div>




<script>
  export default {
    data() {
      return {
        value1: '',
        value2: '',
        value3: '',
        value4: ''
      };
    }
  };
</script>

效果:

参考:

Element - The world's most popular Vue UI framework

相关推荐
我叫Double32 分钟前
GeneralAdmin-3
前端·javascript·vue.js
走粥1 小时前
选项式API与组合式API的区别
开发语言·前端·javascript·vue.js·前端框架
幻云20103 小时前
Next.js 之道:从入门到精通
前端·javascript·vue.js·人工智能·python
多仔ヾ3 小时前
Vue.js 前端开发实战之 05-Vue 过渡和动画
vue.js
⑩-3 小时前
VUE3学习
前端·javascript·vue.js
Mr Xu_3 小时前
Vue 3 中使用 mitt 实现组件间通信的实践与解析
前端·javascript·vue.js
巧克力芋泥包3 小时前
Vue3 详情页跨页循环(上一条,下一条)导航功能实现
前端·javascript·vue.js
小白菜学前端4 小时前
Vue3 + TS 解决 ESLint 与 Prettier 格式化冲突
前端·javascript·vue.js
一殊酒4 小时前
【前端开发】Vue项目多客户配置自动化方案【二】
javascript·vue.js·自动化
Mr Xu_4 小时前
深入解析 getBoundingClientRect 与 offsetTop:解决 Vue 平滑滚动偏移误差问题
前端·javascript·vue.js