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

相关推荐
一城烟雨_5 小时前
vue3 实现将html内容导出为图片、pdf和word
前端·javascript·vue.js·pdf
涵信7 小时前
第九节:性能优化高频题-首屏加载优化策略
前端·vue.js·性能优化
涵信8 小时前
第十一节:性能优化高频题-响应式数据深度监听问题
javascript·vue.js·性能优化
Mr.app10 小时前
vue mixin混入与hook
vue.js
一个专注写代码的程序媛10 小时前
vue组件间通信
前端·javascript·vue.js
一笑code10 小时前
美团社招一面
前端·javascript·vue.js
心宽体胖连壮实11 小时前
记录一次 MarchingSquaresJS 使用经历
vue.js
Monly2112 小时前
vue报错:Loading chunk * failed,vue-router懒加载出错问题。
前端·javascript·vue.js
薛定谔的猫212 小时前
Composition API的深入理解与最佳实践
前端·vue.js
parade岁月13 小时前
TypeScript 全局类型声明文件规范性分析与归纳
前端·vue.js·typescript