下载安装element plus后，在入口文件配置一下并挂载，就能畅通无阻的使用了。但问题是这样有很多用不上的组件都被打包进来了，导致包的体积非常大。采用按需导入的方法，其实是用解构的方式，从element的包中解构出来，再挂载到app上面。

Element-ui表单校验规则，使得错误提示可以直接在form-item下面显示，无需弹出框，因此还是很好用的。我在做了登录页面的表单校验后，一度以为我已经很了解表单的校验规则。但我在深入使用表单校验规则时

项目用的脚手架是 vue-cli 3，安装 babel-plugin-component，vue-cli3搭建的项目中没有 .babelrc 文件，我是直接写在 babel.config.js文件中：

Element是一套为开发者，设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。官方文档也很详细，这里记录一个element-ui日期插件的范围限制

el-input绑定键盘事件不生效原因：element-ui是封装组件所以el标签是自定义标签；表单只有一个输入框时绑定enter键触发事件时刷新页面

在项目中会用到模糊查询，之前在首页是用的element的tree显示的目录，会有用到搜索，但tree里边会有自带的模糊查询，用filter-node-method方法使用 但上次的项目中 又涉及到不试用插件的模糊搜索

问题描述：当需改的时候如果父节点为选中状态子节点不是全选中这样会显示为子节点为全选中状态;在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false ;

例如一个时间段下对应多行数据，这就不免就涉及到了单元格合并，为每一个时间段下的 每一行 数据中都添加上对应的时间段数据 ，设定一个数组来存放要合并的格数

当固定头部时有时候表格不对齐，第一种情况：没有水平滚动条，只有垂直滚动条；第二种情况：有垂直滚动条也有水平滚动条，特别是水平滚动条拖动到右边时，表格不对齐更明显

使用element-ui中的Notification，只有一个message属性是有很大的操作空间，其余的都是写死的，无法进行扩展，达不到想要的效果。所以只能在message上下功夫。在element-ui官方文档中可以看到Notification中的message属性

在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题，可以说饿了么团队在这个UI框架的文档撰写已经非常不错了，不过还是有一些方法乍一看让人摸不着头脑，有些table的常用功能示例代码提供的不是非常详细

如果程序报错Duplicate keys detected: tab-xxx. This may cause an update error.八成是key重复了，首先检查一下v-for循环的key是否有问题；在<el-tab-pane>尽量不使用v-show控制标签的显示

Element UI的Message消息提示是点击一次触发一次的。在开发的时候经常会作为一些校验提示，但是公司的测试人员在进行测试时会一直点，然后就会出现如下图的情况。虽然客户使用的时候一般来说不会出现这种情况

使用ElementUi搭建框架的时候，大家应该都有考虑过怎么做全局验证，毕竟复制粘贴什么的是最烦了，一般验证规则，主要是是否必填，不为空，以及参数类型的验证。

通过tree树形控件的default-checked-keys属性来设置默认选中的节点,Tree树形控件通过后台接口获取到数组数据，还需要再次遍历，将它再遍历为数组，这样我们才可以调用