vue+Element框架menu菜单刷新后保持选中状态

时间 2020-06-22

标签 vue+element vue element 框架 menu 菜单刷新保持选中状态繁體版

原文原文链接

一直以来没有养成记录分享的习惯,后面发现这样很很差,因此开了本身的博客园,但愿和你们一块儿进步!vue

前段时间用vue+Element作了一个后台项目，其中用Element的menu菜单组件的时候遇到一个问题。点击选中某个菜单，刷新后，选中状态会消失。苦思无果，因而网上查看了一下，不少都写到用default-active属性进行设置,至于设置方法对于小白来讲看的有点懵.后来终于看到一个大神写的方法很简单好用,因此记录下来!.net

其实很简单,在路由设置里给每一个页面跳转项设置一个name属性,属性值就是el-menu-item 里面的index值,具体看下图:3d

如今路由中为每一个跳转的页面配置name属性,属性值就是el-menu-item 里面的index值,菜单组里面的default-active设置一个属性active进行绑定.htm

绑定一个自定义属性active,用来控制当前选中哪一个菜单.blog

接下来只要在页面渲染的时候让active等于当前路由下的name属性就能够了,这样刷新后选中状态依然保留了!路由

第一次写随笔记录,大神勿喷!get

原文参考连接:https://www.jb51.net/article/130473.htm博客