Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

以CSS样式为主，也会涉及到Vue组件和element组件的使用。对于没有层级的数据，我们可以使用表格或卡片来展示。要展示或建立层级关系，就一定会用到树形组件了。现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。将下拉菜单嵌到树节点中，使操作更加简便、紧凑。如上，当鼠标悬浮在树节点上时，出现竖着的三个小点，点击时弹出下拉菜单，显示可以对树节点进行的操作。下面给出使用示例：根据数据节点的类型，注入不同的events属性，显示不同的下拉框菜单。没写前端之前以为前端只是展示从后端拿到的数据，但现在觉得，前端作为面向用户的直接门面，承担了绝大部分交互体验优化的任务。