在部分页面el-menu的菜单栏不会高亮。 分析 初步分析是default-active的默认路径和当前页面的路由地址不同。 打印下来果然——默认激活的路径中把中文转码了。 解决办法 有两种思路: 在路由地址中不显示standardName,这样就不会出现中文。 standardName了,不利于页面的展示。 给默认激活的路径进行解码。 经比较,第二...
问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值,解决这个只用取出当前页的路由然后赋值给activeIndex即可,代码如下: <el-menu :default-active="activeIndex" mode="horizontal" :router="true" background-color="#091639" text-color="#ff...
在router.js里设置路由时,给相同导航高亮的路由设置相同的name属性,如图: 然后在menu组件上设置default-active的值为:$route.name,这样就可以实现刷新时导航栏选中当前页的问题。最后设置el-menu-item的index属性为router.js文件里跳转路由的name值,route属性为:路由的path,如图: 通过这样设置,就可以实现刷新页面时,...
但是当我还来不及调整我的呼吸就进入教室时,学生们一看见... 29fff9ae84b9 阅读260 评论0 赞0 jia林 总资产 17 解决element-ui el-menu跳转,导航不高亮或没有选中问题 阅读:60 解决element-ui el-menu跳转,导航不高亮或没有选中问题 阅读:30 解决element-ui el-menu跳转,导航不高亮或没有选中问题 ...
关于Element-UI中el-menu，则给其他标签添加点击事件改变 default-active 的值无法使el-menu-item高亮显示的问题 因为这是element中两个不相关联的组件，无法通过组件内的方法去实现这个需求。我采用vuex状态机来实现。为三个导航栏绑定点击事件，点击的时候去改变状态机里的state数据。然后再相应的页面里...
element-ui el-menu导航点击一项之后进入页面,然后点击页面的按钮路由跳转,导航栏怎么不高亮了? Jackson 213 发布于 2019-05-28 新手上路,请多包涵 { path: '/plan', name: 'plan', component: () => import('./views/plan/Plan.vue') }, { path...
在Element UI中,el-menu组件的高亮效果通常通过绑定default-active属性来实现。default-active属性用于设置当前激活的菜单项的索引值(index),当菜单项的index值与default-active绑定的值相同时,该菜单项会被高亮显示。 以下是实现el-menu高亮效果的一些关键点和示例代码: 关键点 绑定default-active属性: default-active...
1、如果给default-active设置一个默认值,那么刷新页面时,会出现一个问题,即路由地址和菜单对应的index是不一致的。 <el-menu routerdefault-active="/"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"> image.png 如上图所示,当前页面应该是数据分析,路由地址是/analyse,但是刷新页...
您要问的是el-menu动态加载高亮怎么做？方法：1、使用调试工具找到高亮类名。2、找到控制侧边栏的样式模块。3、修改样式。4、修改高亮类名的背景颜色，以及字体的文字颜色，还有scg图标的颜色。