el-menu 菜单不高亮

问题

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

分析

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

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

解决办法

有两种思路：

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

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

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

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

参考链接

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

2. MDN decodeURI()