在部分页面el-menu的菜单栏不会高亮。 分析 初步分析是default-active的默认路径和当前页面的路由地址不同。 打印下来果然——默认激活的路径中把中文转码了。 解决办法 有两种思路: 在路由地址中不显示standardName,这样就不会出现中文。 standardName了,不利于页面的展示。 给默认激活的路径进行解码。 经比较,第二...
el-menu 子菜单不高亮显示 问题 之前做了一个二级菜单是正常显示的,后面又加了一组内容,发现原来的子菜单不会高亮了。 于是开始排查,发现是绑定的key设置有误。 分析 绑定key属性是为了强制刷新组件,即随着判断条件的变化,切换菜单内容。 如果缺少红框中的if (this.projectId)判断条件,则从项目目录页到应该出现p...
在router.js里设置路由时,给相同导航高亮的路由设置相同的name属性,如图: 然后在menu组件上设置default-active的值为:$route.name,这样就可以实现刷新时导航栏选中当前页的问题。最后设置el-menu-item的index属性为router.js文件里跳转路由的name值,route属性为:路由的path,如图: 通过这样设置,就可以实现刷新页面时,...
场景:使用element ui NavMenu导航菜单,跳转到子页面,导航不高亮解决方案1、使用default-active绑定计算属性2、使用 vue-router 的模式,启用该模式会在激活导航时以 index 作为 path 进行路由跳转 3、计算属性
在Element UI中,el-menu组件的高亮效果通常通过绑定default-active属性来实现。default-active属性用于设置当前激活的菜单项的索引值(index),当菜单项的index值与default-active绑定的值相同时,该菜单项会被高亮显示。 以下是实现el-menu高亮效果的一些关键点和示例代码: 关键点 绑定default-active属性: default-active...
关于Element-UI中el-menu，则给其他标签添加点击事件改变 default-active 的值无法使el-menu-item高亮显示的问题 因为这是element中两个不相关联的组件，无法通过组件内的方法去实现这个需求。我采用vuex状态机来实现。为三个导航栏绑定点击事件，点击的时候去改变状态机里的state数据。然后再相应的页面里...
1、如果给default-active设置一个默认值,那么刷新页面时,会出现一个问题,即路由地址和菜单对应的index是不一致的。 <el-menu routerdefault-active="/"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"> image.png 如上图所示,当前页面应该是数据分析,路由地址是/analyse,但是刷新页...
element-ui el-menu导航点击一项之后进入页面,然后点击页面的按钮路由跳转,导航栏怎么不高亮了? Jackson 213 发布于 2019-05-28 新手上路,请多包涵 { path: '/plan', name: 'plan', component: () => import('./views/plan/Plan.vue') }, { path...
您要问的是el-menu动态加载高亮怎么做？方法：1、使用调试工具找到高亮类名。2、找到控制侧边栏的样式模块。3、修改样式。4、修改高亮类名的背景颜色，以及字体的文字颜色，还有scg图标的颜色。