Element UI 日期封装自定义组件

Element UI 日期封装组件

---

前言

日常工作中我们会遇到要封装日期组件的情况，例如：element组件日期选择开始时间，结束时间组件不能直接使用时，重复使用到日期选择，我们就不得不去封装。

---

一、如何去封装组件？

其实很简答，我不做过多讲解，直接上代码，急拿急用。

二、使用步骤

1.在components下创建datePicker.vue

代码如下（示例）：

2.在要使用的地方引入组件

代码如下（示例）：

import datePicker from '../../components/datePicker.vue'

export default {
    components:{
      popup,
      datePicker
    }
 }

日期选择:
  
     
     
 

这样就可以保存使用了！！！

---

总结

例如：以上就是今天要讲的内容，本文仅仅简单介绍了时间组件的封装使用，组件封装几乎同理，如有问题，可私信联系。