关于若依框架多级菜单的设置

最近从php转到java，并且被要求用了一个叫若依的框架。然后有个需求需要用到三级菜单。按照二级菜单配置后前端的element-ui显示找不到该model。最后看官方文档，外加csdn的一个博客才给解决掉。不过这些东西对于新手或者刚转为java用该框架的人可能看不太明白。在此写一个教程也是为了记录下自己解决这个问题的方法。

先上官方教程

 

上面是官方的多级目录配置说明，什么在二级目录下增加<router-view>,这些对于初学vue的人，和初步接触若依框架的人，绝对一脸懵逼。下面解释下：

1.增加<router-view>:就是在你设置的目录的二级菜单下增加一个index.vue,里面的内容是

<template >
  <router-view />
</template>

怕大家看不明白，把文件的代码截图也放上

上图例

以上就是我设置的三级菜单，taizhang为一级；summary为二级，然后在summary的目录里放一个router-view（index.vue文件），就可以了。

但是会出现令一个问题

如上图所示，配置好了以后，会在main内容区域多出来一个菜单栏的显示，然后过一会后，这个多出来的菜单栏就消失了，留下二图中我用红框圈出来的一个空白区域。对于我这有轻度完美主义的人，这怎么能忍？？？

然后百度了下，发现有个人也遇到了这个问题，并且解决了。上文

https://blog.csdn.net/Decline1/article/details/108376153

这文章写了具体的结局办法，不过对于新手来说不是很详细。下面我把具体步骤给写出来，主要操作的是二级菜单，如果还需要多级菜单，操作雷同

第一步：

把二级菜单的类型选为菜单，然后吧组建路径配置为xxx（一级菜单）/xxx（二级擦弹）/index(也就是二级菜单中的那个routerview)，然后点击确定。

第二步：

把修改二级菜单，把菜单的类型改回为目录

接下来再访问就没有任何问题了，不过用vue跳转会不会出问题，我还没有试验。希望不会出问题吧！