在部分页面el-menu的菜单栏不会高亮。 分析 初步分析是default-active的默认路径和当前页面的路由地址不同。 打印下来果然——默认激活的路径中把中文转码了。 解决办法 有两种思路: 在路由地址中不显示standardName,这样就不会出现中文。 standardName了,不利于页面的展示。 给默认激活的路径进行解码。 经比较,第二...
于是开始排查,发现是绑定的key设置有误。 分析 绑定key属性是为了强制刷新组件,即随着判断条件的变化,切换菜单内容。 如果缺少红框中的if (this.projectId)判断条件,则从项目目录页到应该出现projectId的页面,就不会刷新组件,则当前路由defaultMenu就会和backIndex路径相符(都是项目目录页),就会高亮返回项,不会高亮正...
场景:使用element ui NavMenu导航菜单,跳转到子页面,导航不高亮解决方案1、使用default-active绑定计算属性2、使用 vue-router 的模式,启用该模式会在激活导航时以 index 作为 path 进行路由跳转 3、计算属性
="iconfont icon-jihua" style="font-size: 19px;"></i> </el-menu-item> </el-menu> ![图片描述][1] ![图片描述][2] 是这样的,点击侧边栏的计划,路由跳转plan![图片描述][3], plan里面有计划列表,点击计划列表之后跳转到详情页,路由跳转![图片描述][4],之后侧边栏计划那一项就不高亮了![图片...
关于Element-UI中el-menu，则给其他标签添加点击事件改变 default-active 的值无法使el-menu-item高亮显示的问题 因为这是element中两个不相关联的组件，无法通过组件内的方法去实现这个需求。我采用vuex状态机来实现。为三个导航栏绑定点击事件，点击的时候去改变状态机里的state数据。然后再相应的页面里...
elementui高亮某一行 el-menu高亮 在使用element中的menu组件时,根据官方文档,可以设置给el-menu设置router属性为:true,给el-menu-item设置index的值为路径,就可以实现点击导航跳转到指定路由。 这样做虽然能实现跳转,但是,若刷新浏览器,则导航会跳转到默认的选中项,而不是我们离开时的导航。
1、如果给default-active设置一个默认值,那么刷新页面时,会出现一个问题,即路由地址和菜单对应的index是不一致的。 <el-menu routerdefault-active="/"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"> image.png 如上图所示,当前页面应该是数据分析,路由地址是/analyse,但是刷新页...
每个el-menu-item或el-submenu组件都需要一个唯一的index值,该值与default-active绑定的值进行比较,以确定是否高亮显示。 使用router属性: 当el-menu的router属性设置为true时,可以通过index的值直接进行路由跳转,而无需手动设置route属性。 在这种情况下,如果未设置route属性,则使用index的值作为路由路径;如果设置了...
您要问的是el-menu动态加载高亮怎么做？方法：1、使用调试工具找到高亮类名。2、找到控制侧边栏的样式模块。3、修改样式。4、修改高亮类名的背景颜色，以及字体的文字颜色，还有scg图标的颜色。