vue 递归菜单

1、把所有的路由写到配置文件里面 自己新建一个js 在里面写入路由的配置

 

 其中里面的level 很重要 

2、封装子组件 menuItems   里面name:"menuItems" 很重要

 

 

 3、父组件调用

 

 

其实核心就是 记录当前点击的title 和层级 这个很重要 根据这个去匹配 进行子级的显示隐藏

 

因为我这个页面 所有的子菜单都在一个地方 有点特殊 不像后台管理的菜单子级菜单不会出现在一个地方 后台管理这种 就可以递归循环对象里面的显示属性  可以参考这个网址 https://www.h5w3.com/239210.html

效果：