于是兴高采烈的从阿里图标搜了很多图标下载下来，放在了svg目录，然后在router文件配置icon，如下：
刷新，发现侧边栏图标的确变成了自定义的，但是部分图标在高亮时，颜色并没有发生变化，如下：
正常发生变化
颜色未发生变化
仔细对两个svg文件内容进行了对比，发现发生变得的svg，内容里没有fill，而未发生变化的里面的内容都含有fill属性：
将这些fill去掉，重新试下，可以了！
部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！
vue-router使用svg图标颜色无法更改
我爱模板网在使用ElementUI进行项目布局时，侧边栏的内容比较多，需要使用自定义的图标，element UI提供的图标已经不能满足需求。正好项目集成了SvgIcon，只要将svg图标放到 src/icons/svg 目录下即可。而阿里图标是下载图标的首选网站。
于是兴高采烈的从阿里图标搜了很多图标下载下来，放在了svg目录，然后在router文件配置icon，如下：
刷新，发现侧边栏图标的确变成了自定义的，但是部分图标在高亮时，颜色并没有发生变化，如下：
仔细对两个svg文件内容进行了对比，发现发生变得的svg，内容里没有fill，而未发生变化的里面的内容都含有fill属性：
将这些fill去掉，重新试下，可以了！
部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！
上一篇：vue使用highlight.js高亮代码
下一篇：Vue使用form-create-designer插件搭建表单构建器
于是兴高采烈的从阿里图标搜了很多图标下载下来，放在了svg目录，然后在router文件配置icon，如下：
刷新，发现侧边栏图标的确变成了自定义的，但是部分图标在高亮时，颜色并没有发生变化，如下：
仔细对两个svg文件内容进行了对比，发现发生变得的svg，内容里没有fill，而未发生变化的里面的内容都含有fill属性：
将这些fill去掉，重新试下，可以了！
部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！
