这种方式传参都是可以接收到的。但是有个问题,导致中的el-menu不能高亮显示,进行跟踪以后会现:default-active与router的index都是一致。 但就是不能高亮,除非新开窗口才可以显示高亮。 那这样的话,传值就会有问题,不管是$store, 还是params/query都是有问题的。 所以一定要用window.open来打开。下面是处理方法,来...
在部分页面el-menu的菜单栏不会高亮。 分析 初步分析是default-active的默认路径和当前页面的路由地址不同。 打印下来果然——默认激活的路径中把中文转码了。 解决办法 有两种思路: standardName,这样就不会出现中文。 弊端:在页面顶部的了,不利于页面的展示。 给默认激活的路径进行解码。 经比较,第二种思路更合适...
关于Element-UI中el-menu,则给其他标签添加点击事件改变 default-active 的值无法使el-menu-item高亮显示的问题 因为这是element中两个不相关联的组件,无法通过组件内的方法去实现这个需求。我采用vuex状态机来实现。为三个导航栏绑定点击事件,点击的时候去改变状态机里的state数据。然后再相应的页面里...
在el-menu组件里有这样一个属性, default-active 用来表示当前激活菜单的 index 1、如果给 default-active 设置一个默认值,那么刷新页面时,会出现一个问题,即 路由地址和菜单对应的index是不一致的 。如上图所示,当前页面应该是数据分析,路由地址是/analyse,但是刷新页面之后,菜单栏却变成了首...
场景:使用element ui NavMenu导航菜单,跳转到子页面,导航不高亮解决方案1、使用default-active绑定计算属性2、使用 vue-router 的模式...
element-ui el-menu导航点击一项之后进入页面,然后点击页面的按钮路由跳转,导航栏怎么不高亮了? Jackson 213 发布于 2019-05-28 新手上路,请多包涵 { path: '/plan', name: 'plan', component: () => import('./views/plan/Plan.vue') }, { path...
elementui高亮某一行 el-menu高亮,在使用element中的menu组件时,根据官方文档,可以设置给el-menu设置router属性为:true,给el-menu-item设置index的值为路径,就可以实现点击导航跳转到指定路由。这样做虽然能实现跳转,但是,若刷新浏览器,则导航会跳转到默认的选中项
您要问的是el-menu动态加载高亮怎么做?方法:1、使用调试工具找到高亮类名。2、找到控制侧边栏的样式模块。3、修改样式。4、修改高亮类名的背景颜色,以及字体的文字颜色,还有scg图标的颜色。
经检查route.path是正确的,二级目录数据也是正确的; 所以把问题定位到dom加载及渲染顺序上 个人想法:既然数据都是正确的,很有可能就是因为dom还未更新完成,就重新设置了default-active属性,导致匹配不到相应的导航 解决方法来了 给二级目录设置v-if <el-menu v-if="showDom" router :default-active="$route.pa...