vue-element-admin引入第三方icon

下载完成之后将下载好的 .svg 文件放入 @/icons/svg 文件夹下之后就会自动导入 -----来自官网文档

所以直接去https://www.iconfont.cn/spm=a313x.7781069.1998910419.d4d0a486a

找想要的图标，然后下载svg即可。

为什么能直接使用呢？

在项目里面有如下图片。问题来了，<svg-icon>又是什么呢？

• 发现有自定义的svgicon组件，同时还有一个地址

https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage

打开地址发现有如下一段话。

总结就是下载svg放入文件中即可全局使用了。