在router.js里设置路由时,给相同导航高亮的路由设置相同的name属性,如图: 然后在menu组件上设置default-active的值为:$route.name,这样就可以实现刷新时导航栏选中当前页的问题。最后设置el-menu-item的index属性为router.js文件里跳转路由的name值,route属性为:路由的path,如图: 通过这样设置,就可以实现刷新页面时,...
问题 在部分页面el-menu的菜单栏不会高亮。 分析 初步分析是default-active的默认路径和当前页面的路由地址不同。 打印下来果然——默认激活的路径中把中文转码了。 解决办法 有两种思路: 在路由地址中不显示standardName,这样就不会出现中文。 standardName了,不利于页面的展示。 给默认激活的路径进行解码。 经比较,...
https://blog.csdn.net/weixin_43336525/article/details/132541500 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 <template> <el-menu :default-active="activeRouter" router :uniqueOpened="true" :c...
在el-menu组件里有这样一个属性,default-active用来表示当前激活菜单的 index 1、如果给default-active设置一个默认值,那么刷新页面时,会出现一个问题,即路由地址和菜单对应的index是不一致的。 <el-menu routerdefault-active="/"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"> i...
在el-menu组件里有这样一个属性， default-active 用来表示当前激活菜单的 index 1、如果给 default-active 设置一个默认值，那么刷新页面时，会出现一个问题，即 路由地址和菜单对应的index是不一致的 。如上图所示，当前页面应该是数据分析，路由地址是/analyse，但是刷新页面之后，菜单栏却变成了...
场景:使用element ui NavMenu导航菜单,跳转到子页面,导航不高亮 解决方案 1、使用default-active绑定计算属性 2、使用 vue-router 的模式,启用该模式会在激活导航时以 index 作为 path 进行路由跳转 image.png 3、计算属性 image.png computed:{ activeIndex() { const { name } = this.$route; switch (name...
场景：使用element ui NavMenu导航菜单,跳转到子页面，导航不高亮 解决方案 1、使用default-active绑定计算属性 2、使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转 3、计算属性
`其中 a,b,c 是三个需要用 id 访问的页面(/a/:id,/b/:id,/c/:id),如果一开始只操作 el-menu,菜单的高亮是正常的,但是更改 route 的 id 后,高亮就会丢失了,此时点击菜单也没有用了,但是用 vue 调试工具...
相似问题 element-ui的侧栏和顶栏导航点击菜单就不见了侧栏导航和高亮问题 3.8k 阅读 怎么保证在页面跳转后,导航栏点击后增加class 1 回答5.9k 阅读✓ 已解决 导航点击跳转后选项更换 3 回答3.3k 阅读✓ 已解决 element-ui的导航点击之后会出现白色的背景怎么回事 1 回答4.5k 阅读 jquery点击链接,展开导航栏...
关于Element-UI中el-menu，则给其他标签添加点击事件改变 default-active 的值无法使el-menu-item高亮显示的问题 因为这是element中两个不相关联的组件，无法通过组件内的方法去实现这个需求。我采用vuex状态机来实现。为三个导航栏绑定点击事件，点击的时候去改变状态机里的state数据。然后再相应的页面里...