Vue+ElmentUI在table表格中表头位置插入Dropdown下拉菜单实现过滤效果

效果说明：

在el-table的表头插入一个下拉菜单Dropdown鼠标悬停下拉框浮现，点击下拉框选项就可以进行页面信息过滤。

预览效果图：

功能代码实现+说明：

1. 首先需要在表格里的表头位置加入下拉框 ，需要通过组件slot来设置下拉触发的元素以及需要通过具名slot为dropdown 来设置下拉菜单。所以就有slot="header"这个具名插槽引入。

这段可参看图片中的第一条横线位置

2. 设置鼠标悬停时就能出现下拉菜单，这个要用到trigger这个属性，这个属性是用来控制下拉框的出现。默认情况下，下拉按钮只要hover即可，无需点击也会显示下拉菜单。

这里可参考图片中的圈圈部分，关于trigger的说明可以参考下面官方文档中的说明。

3. 点击菜单项后会触发事件，这里点击触发事件采用command指令事件，然后可以通过相应的菜单项key