首页 > 其他分享 >el-menu 菜单不高亮

el-menu 菜单不高亮

时间:2022-11-15 16:24:19浏览次数:409  
标签:el menu 默认 不高亮 路由 页面

问题

在部分页面 el-menu 的菜单栏不会高亮。

分析

初步分析是 default-active默认路径和当前页面的路由地址不同

打印下来果然——默认激活的路径中把中文转码了。

image

解决办法

有两种思路:

  1. 在路由地址中不显示 standardName,这样就不会出现中文。

    弊端:在页面顶部的 tag 中也无法显示 standardName了,不利于页面的展示。

  2. 给默认激活的路径进行解码。

经比较,第二种思路更合适:使用 decodeURI()解码。

image

image

参考链接

  1. vue路由跳转传参乱码解决

  2. MDN decodeURI()

标签:el,menu,默认,不高亮,路由,页面
From: https://www.cnblogs.com/shayloyuki/p/16892793.html

相关文章

  • 浅谈 element-ui 中 css 的部分代码规范
    简介css作为前端开发的重要一环,其代码量随着项目规模的增加,也是越发复杂;而且,由于css并不属于传统意义上的“编程语言”,其组织形式与编程语言也会有所区别。若只是用......
  • 2 ElasticSearch
    ElasticSearch版本及发布时间图片来自网络......
  • celery使用
    celery使用1.项目布局proj|______init__.py|____celery.py|____tasks.py''' pipinstallcelery==5.2.3(最好别用最新版本,目前最新5.2.7)pip......
  • celery使用报错记录
    celery使用报错记录1.ImportError:cannotimportname'current_app'from'celery'(D:\python37\lib\site-packages\celery_init_.py)PSC:\Users\lcx\Desktop\demo>......
  • EF Relationships
    Relationships,navigationproperties,andforeignkeyspublicclassCourse{publicintCourseID{get;set;}publicstringTitle{get;set;}public......
  • logstash 同步mysql 到elasticsearch
    1.下载logstash要和es的版本一致 用的是7.17.6     下载地址:https://www.elastic.co/cn/downloads/past-releases#logstash2.配置  LS_JAVA_HOME  系......
  • RHEL8 使用iptables-save无法保存防火墙规则
    环境RHEL8原因使用iptables-save命令执行后,无法保存iptables防火墙的规则,在下次重启系统后,会导致防火墙的规则链给重置到默认的规则链。解决使用maniptables-save查......
  • Elasticsearch-head安装
    1.安装node要安装elasticsearch-head插件,需要先安装node.js。官网下载地址:https://nodejs.org/en/download/或者使用命令行安装wgethttps://npm.taobao.org/mirrors......
  • electron vue3 项目搭建
    electronvue3项目搭建一.vue项目搭建安装electron需要搭建vue项目,这里用的vue3项目。1.安装下载node 这里用的16版本https://nodejs.org/zh-cn/2.设置淘宝镜像......
  • java poi导出excel单元格设置自定义背景颜色(任意颜色)
    转自:http://t.csdn.cn/QHfUU//创建一个workbook对象Workbookworkbook=newXSSFWorkbook();//创建一个sheet对象Sheetsheet=workbook.createSheet();//创......