最近从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跳转会不会出问题,我还没有试验。希望不会出问题吧!

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

  1. Qt实现多级菜单及设置菜单的宽度

    Qt实现(多级)菜单 在Qt中通过QMenu和QAction就可以实现这些菜单,QMenu就是上图中我们看到的三个级联菜单,每个QMenu里面的小项目就是一个QAction,一个QAction由一个图 ...

  2. 12864多级菜单实现方法

    前言        一般来说使用12864进行显示,配合按键作为人机界面交互,如果显示的内容较多的话,往往不能在一个页面显示完全,这里就需要用到多级菜单来进行管理,根据显示内容的不同,将其划分成不同的 ...

  3. 基于链表的多级菜单设计

    基于链表的多级菜单设计 前言 主体 前言 最近在做一个简单的界面,需要用到多级菜单,一开始使用的是传统的索引法,在修改时比较乱,在网上有用链表写的,虽然一致都在用c语言,却很少使用链表,于是今天早上便 ...

  4. java web动态菜单设计_spring-boot与模板引擎:使用metisMenu实现动态多级菜单

    系列传送门 在web开发中,特别是后台管理工具的开发,经常用到纵向的多级菜单. 但是常用的Bootstrap仅能支持到2级菜单,对于3级及3级以上的菜单的显示,却无能为力. 下面我将使用另一个jQue ...

  5. Chrome 插件开发-右键菜单开发实战演示,浏览器页面右键菜单选项设置,插件右键菜单点击插件名跳转主页设置

    Chrome 插件开发 - 菜单选项 浏览器页面右键菜单选项设置 ① 核心代码演示 ② 效果展示 ③ 详细参数文档 插件右键菜单点击插件名跳转主页设置 ① 核心代码演示 ② 演示效果图 浏览器页面右键 ...

  6. qml中使用combobox实现多级菜单_excel实用技巧:如何构建多级下拉菜单

    编按:哈喽,大家好!说到做下拉菜单,小伙伴们都知道直接使用Excel中的数据验证就可以实现,但是二级.三级,甚至更多级的下拉菜单,可能就有点蒙圈了.其实用Excel制作三级下拉菜单,一点都不难,它就跟 ...

  7. django权限二(多级菜单的设计以及展示)

    多级权限菜单设计级标题栏 我们现在只有数据展示,要进入其他url还需要手动的输入路径,非常的麻烦,所以我们要设计 一个导航栏以及侧边多级菜单栏,这个展示是通过stark组件的设计的增删改查页面,而 每 ...

  8. day1作业二:多级菜单操作

    作业二:多级菜单 (1)三级菜单 (2)可以次选择进入各子菜单 (3)所需新知识点:列表.字典 要求:输入back返回上一层,输入quit退出整个程序 思路: (1)首先定义好三级菜单字典: (2)提 ...

  9. qml中使用combobox实现多级菜单_Excel教程:还不会做Excel三级下拉菜单?其实它跟复制粘贴一样简单...

    关注回复[目录]学习113篇Excel教程 全套Excel视频教程,扫码观看 编按: 哈喽,大家好!说到做下拉菜单,小伙伴们都知道直接使用Excel中的数据验证就可以实现,但是二级.三级,甚至更多级的 ...

最新文章

  1. java获得单元格的值_java – 从单元格值Apache POI获取单元格索引
  2. 【原】iOS学习之Quartz2D(1)
  3. MySQL:常见错误01
  4. 交通运输线(LCA)
  5. Django连接数据库增删改查操作
  6. 越用越快的福禄克布线认证测试仪
  7. 博士生想逃离科研,导师还要帮他吗?|Nature专访
  8. windows服务编写原理(下)
  9. linux中运行ifconfig出现错误,不能sudo apt install net-tools,Linux不能联网
  10. BlueHost Gzip优化JS和CSS传输
  11. OPPO宣布与哈苏达成影像战略合作
  12. 大萧条来临前的几大征兆
  13. 荣获2009年“微软最有影响力开发者”称号
  14. JAVA学习day10
  15. 乐高ev3编程---书籍选择
  16. 扇形涂色问题(Python)
  17. 襄阳寻古2-襄阳城墙,铁佛寺
  18. minio实现大文件分片上传+断点续传+预览
  19. 冷门游戏脚本开发软件-TC
  20. C++模板——template

热门文章

  1. onedrive已停止工作_4、工作簿的基本操作
  2. 三张图片怎么拼成一张?
  3. android 禁止获得焦点,防止EditText自动获取焦点
  4. Unity存档探索:PlayerPref、 Easy Save 2、Easy Save3
  5. 计算机主机光盘故障,光盘放进电脑里打开了显示函数不正确是什么问题?怎么处理?...
  6. 写一篇大数据背景下室内设计的论文
  7. 计算机网络原理ip计算,计算机网络原理IP地址计算题
  8. 如何使用 DDD 指导微服务拆分?
  9. 【社交网络分析】映射主题网络:从两极分化的人群到社区集群(一)
  10. Android应用架构之Retrofit