这一节我们会学到排他思想,就是以前按钮的功能

比如有n 个按钮,点哪个哪个背景色发生变化,

2, 当我们下次再进来的时候,上次选中的按钮,要保持状态,

这类问题,在vue 中,仅仅需要一个状态标记结合 localStorage 就搞定了!

https://gitee.com/mzzy8/app/commit/e8473aaa0b8379b778ec56f895ba68945cf8d18e

我们自己照着写下就行了

default-active 默认激活的是哪个选项,他会和下面的子菜单中 index的值比较,若相当则属于激活状态!

我们一般把 index 设置为path属性的值,方便后续添加路由功能

——————————————————————————————

el-menu 有自动给二级菜单添加路由的功能,其中路由地址就是Index的值

1,开启路由功能:

2, 写子路由

3,路由清单中配置一下:

4, 路由出口:

他是admin.vue 的子路由,这就是路由嵌套很简单,我们看下显示页面:

这样的话,基本架构我们就搭建起来,左侧是菜单,右侧是内容,

可以自由切换显示页面!

以后就可以在内容中填充了

element 菜单修复02-王荣荣如此唯美相关推荐

  1. user模块功能完成crud-王荣荣如此唯美

    user 模块界面操作 查询上次就搞定了,这一些完成,添加,修改,删除的逻辑 1, 添加 界面结构是: 我给大家做个动图: 1, el-dialog 的使用, 2, 表单数据的搜集,校验 3, 全局校 ...

  2. Ubuntu14.04引导菜单修复

    原文链接:http://www.metsky.com/archives/636.html 独立分区下的Ubuntu引导菜单修复有点麻烦,执行挂载等命令时要小心检查,修复此类引导,首先需要确保当前系统和 ...

  3. Windows XP和Windows 7双系统安装和启动菜单修复

    本文介绍一下如何安装Windows XP和Windows 7双系统以及启动菜单问题的常用修复方法,天缘推荐安装时最好采用从低版本到高版本的顺序进行,另本文已假设您的硬盘是正常的驱动器安装和使用顺序,并 ...

  4. XP+WIN7双系统安装,备份,启动菜单修复

    XP+WIN7双系统安装,备份,启动菜单修复 安了一个双系统,把经历与大家分享. 一,        硬盘分区安排准备. 1,我用的是500G硬盘,为了安双系统,计划这样安排.C盘安XP,D盘安WIN ...

  5. 给大家分享几款浪漫的唯美APP

    记得不久前,"中国式言情"上了热搜,里面提到了中国的航天事业,嫦娥奔月,北斗绕轨,神舟上天.我不禁认为浪漫是永远不会过时的东西.它看不见摸不着,却无时无刻不在感动着很多人.今天给大 ...

  6. lr背景虚化_LR调色教程,用LR调出后期唯美cosplay人像思路及案例(3)

    本篇教程通过PS给外景拍摄的cosplay人像进行修图,从实例分析如何下手,前期和后期详细介绍了在cosplay人像中遇到的问题,原片有点暗,有时候直出不是不可以,cosplay人像后期修饰后会更完美 ...

  7. java好听的名字_(男孩起名)李白诗中最唯美的三字名字推荐,李白诗中最唯美的三字名字取名方法 - Java伴我余生 - 宝宝起名网...

    温馨提示: 本文约有1125个文字,大小约为5KB,预计阅读时间3分钟,本文共 3张图片. 本文李白诗中最唯美的三字名字推荐,李白诗中最唯美的三字名字取名方法,请您欣赏.宝宝起名网众多优秀文章,如果想 ...

  8. k203m机型java游戏_唯美中国风 品步步高K203M的江南之美

    唯美中国风 品步步高K203M的江南之美 2011年02月23日 04:40作者:卫冉编辑:卫冉文章出处:泡泡网原创 分享 泡泡网手机频道2月23日 水墨江南之美,不只在书画中可以领略,如今也可以通过 ...

  9. 值得收藏的抖音唯美冬季古诗词文案分享

    各位朋友好,在冬天有皑皑雪山.随风起舞的雪花等等好看的景色.看到好看的景色拍了唯美的视频当发抖音的时候是否会没有文案喃,今天不若与众就来分享一些唯美的冬季古诗词文案,喜欢的朋友们可以收藏起来. 1.晨 ...

最新文章

  1. Wireshark小技巧:将IP显示为域名
  2. 短短的 RESTful API 设计规范
  3. UBC、谷歌联合Hinton等提出3D点云的无监督胶囊网络,多任务上实现SOTA | AI日报...
  4. spring jdbc设计与实现
  5. VTK修炼之道59:图形基本操作进阶_纹理映射
  6. MongoDB查询报错:class com.mongodb.MongoSecurityException: Exception authenticating MongoCredential...
  7. haproxy概念和负载均衡
  8. springboot需要tomcat服务器吗_嵌入式 Tomcat AJP 协议对 SpringBoot 应用的影响
  9. BigDFT的编译运行
  10. Linux下redis的安装及部署
  11. 【学亮IT手记】Ajax跨域问题精讲--jQuery解决跨域操作
  12. (转)嘉信理财推出全新智能投顾平台
  13. 周志华《机器学习》习题3.4——用UCI数据集比较10折交叉验证法和留一法
  14. Django 开发的个人博客源码分享
  15. OpenGL ES 帧缓冲对象(FBO):Render to texture
  16. Elasticsearch:部署 ECE (Elastic Cloud Enterprise)
  17. 制作扫码连wifi的二维码
  18. php语言简述_PHP语言的简介
  19. LM2596数控电路原理分析
  20. ubuntu安装vbox虚拟机

热门文章

  1. 来自北大算法课的Leetcode题解:16. 最接近的三数之和
  2. 到底什么是“信创”?“信创云”有戏?
  3. IPv6基础3 地址解析
  4. 工业主板定制选型的要点都有哪些呢?
  5. 泰凌微TLSR825X:定时器以及中断
  6. 【给力装机 稳定至上】雨林木风 GhostXP SP3 2011 经典珍藏版
  7. p++, *(p++),(*p)++
  8. Vue兼容IE报错SCRIPT1002:‘语法错误’,SCRIPT1003: 缺少 ‘:‘
  9. vue+element el-dialog弹出框会变暗解决办法
  10. 备战原创博主大赛,如何写出一篇属于自己的好文章?