项目需要，因为下拉选项过多，导致接口只能分页加载。需求为：鼠标滚动到下拉框的底部时增加选项。通过ref来获取el-select组件的下拉窗口实例，然后监听滚动条，下拉到底部的时候增加选项。

看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态

而在实际过程中，有这么一个需求：只有文字内容排不下，出现省略号，才需要显示tooltip的提示内容。本文章的思路是通过一个自定义指令实现如下效果：姓名字段过长时才显示tooltip

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

项目用的脚手架是 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方法使用 但上次的项目中 又涉及到不试用插件的模糊搜索

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

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

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