如何将Vue Element UI树形控件与下拉菜单功能巧妙结合？

本文共计1806个文字，预计阅读时间需要8分钟。

这篇博客主要介绍树形控件的两个小功能：下拉菜单和输入过滤框，并以CSS样式为主。同时，也会涉及到Vue组件和Element组件的使用。对于没有层级的数据，我们可以使用表格或卡片来展示。

这篇博客主要介绍树形控件的两个小小的功能：

• 下拉菜单
• 输入过滤框
  

以CSS样式为主，也会涉及到Vue组件和element组件的使用。

对于没有层级的数据，我们可以使用表格或卡片来展示。要展示或建立层级关系，就一定会用到树形组件了。
使用Vue + Element UI，构建出最基本的树如下图所示：

现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。

下拉菜单

将下拉菜单嵌到树节点中，使操作更加简便、紧凑。