vue-router使用svg图标颜色无法更改

我爱模板网在使用ElementUI进行项目布局时，侧边栏的内容比较多，需要使用自定义的图标，element UI提供的图标已经不能满足需求。正好项目集成了SvgIcon，只要将svg图标放到 src/icons/svg 目录下即可。而阿里图标是下载图标的首选网站。

于是兴高采烈的从阿里图标搜了很多图标下载下来，放在了svg目录，然后在router文件配置icon，如下：


刷新，发现侧边栏图标的确变成了自定义的，但是部分图标在高亮时，颜色并没有发生变化，如下：





仔细对两个svg文件内容进行了对比，发现发生变得的svg，内容里没有fill，而未发生变化的里面的内容都含有fill属性：


将这些fill去掉，重新试下，可以了！