element ui 存在子菜单时如何点击父菜单并跳转

在Element UI中，当存在子菜单时，如果想要点击父菜单并进行跳转，可以通过在父菜单项上添加<router-link>组件来实现。这样一来，当点击父菜单项时，会触发路由导航。

以下是一个简单的示例代码：

<template>
  <el-menu router>
    <!-- 父菜单项，使用 router-link 组件 -->
    <el-menu-item index="parent">
      <router-link to="/parent">父菜单</router-link>
    </el-menu-item>
 
    <!-- 子菜单 -->
    <el-submenu index="sub">
      <template slot="title">子菜单</template>
      <el-menu-item index="sub-1">
        <router-link to="/sub/1">子菜单 1</router-link>
      </el-menu-item>
      <el-menu-item index="sub-2">
        <router-link to="/sub/2">子菜单 2</router-link>
      </el-menu-item>
    </el-submenu>
  </el-menu>
</template>
 
<script>
export default {
  // 你的组件逻辑
};
</script>

在这个例子中，当点击“父菜单”时，会触发到/parent路径的导航。由于<el-menu>组件被加上了router属性，Element UI会自动处理点击事件并进行路由跳转。

确保你的Vue Router配置正确，以便正确处理这些路径。