elementUI-Dropdown多级菜单，鼠标移上后，前一级菜单消失（不显示）

在Element UI中创建多级下拉菜单时，如果你想要实现鼠标移动到子菜单项上时，前一级菜单消失的效果，你可以通过监听子菜单项的事件来控制父菜单的显示状态。

以下是一个简单的例子，展示了如何实现这一效果：

<template>
  <el-dropdown @command="handleCommand">
    <span class="el-dropdown-link">
      点击我下拉
      <i class="el-icon-arrow-down el-icon--right"></i>
    </span>
    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item command="a">黄金糕</el-dropdown-item>
      <el-dropdown-item command="b">狮子头</el-dropdown-item>
      <el-dropdown-item command="c" divided>风味桃子</el-dropdown-item>
      <el-dropdown-item command="d" divided>牛肉面包</el-dropdown-item>
      <el-dropdown-item command="e" divided>软奶奶</el-dropdown-item>
      <el-dropdown-item command="f" divided>牛肉面包</el-dropdown-item>
      <el-dropdown-item command="g" divided>软奶奶</el-dropdown-item>
      <el-dropdown-item command="h" divided>牛肉面包</el-dropdown-item>
      <el-dropdown-item command="i" divided>软奶奶</el-dropdown-item>
      <el-dropdown-item command="j" divided>牛肉面包</el-dropdown-item>
      <el-dropdown-item command="k" divided>软奶奶</el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>
 
<script>
export default {
  methods: {
    handleCommand(command) {
      // 当子菜单被点击时，可以通过这里的代码来控制父菜单的显示状态
      // 例如隐藏下拉菜单
      // this.$refs.dropdown.hide()
    }
  }
};
</script>

在这个例子中，我们使用了el-dropdown组件和el-dropdown-menu、el-dropdown-item来创建多级下拉菜单。当子菜单项被点击时，通过command事件来处理点击事件，但并没有实际执行任何命令，你可以在handleCommand方法中根据需要来处理点击事件。

如果你想要实现鼠标移动到子菜单项上时，前一级菜单消失的效果，可以在handleCommand方法中加入代码来隐藏下拉菜单。例如，你可以使用this.$refs.dropdown.hide()来隐藏下拉菜单（假设你的el-dropdown组件有一个ref属性设置为dropdown）。

请注意，Element UI没有直接提供隐藏下拉菜单的API，你可能需要自行扩展或者使用其他的方法来隐藏下拉菜单。