elmentui 实现，当鼠标悬浮在菜单的时候，菜单项显示

在 ElementUI 中，可以使用 `el-dropdown` 组件来实现类似的下拉菜单功能。

具体实现方法如下：

1. 在 HTML 中使用 `el-dropdown` 组件来定义下拉菜单的结构，如下所示：

<el-dropdown>
  <span class="el-dropdown-link">鼠标悬浮我</span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item>菜单项1</el-dropdown-item>
    <el-dropdown-item>菜单项2</el-dropdown-item>
    <el-dropdown-item>菜单项3</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

2. 在 CSS 样式中定义 `el-dropdown-menu` 组件的初始状态，使其隐藏：

.el-dropdown-menu {
  display: none;
}

3. 在 JavaScript 中监听 `el-dropdown` 组件的 `mouseenter` 事件，在事件处理函数中修改 `el-dropdown-menu` 组件的 CSS 样式，使其显示出来：

const dropdownMenu = document.querySelector('.el-dropdown-menu')

document.querySelector('.el-dropdown').addEventListener('mouseenter', () => {
  dropdownMenu.style.display = 'block'
})

这样鼠标悬浮在下拉菜单上时，菜单项就会显示出来了。需要注意的是，菜单项的展示位置已经由 `el-dropdown` 组件自动处理好了，无需手动调整。