svg图标显示不出来,

来源:3-11 使用 svg-sprite-loader 处理 svg 图标

qq_爱雨_0

2021-12-15

我全局引入svg-icon组件,也使用require.context引入了所有的svg图标,最好使用svg-sprite-loader解析,为啥图标就是出不来

写回答

1回答

Sunday

2021-12-15

你好:

制作 svgIcon 组件主要的关键点如下:

  1. 指定  svg -> use 标签

  2. 指定对应类名

  3. 将 svg 图标资源,放入到项目中

  4. 通过 require.context 注册 svg 图标

  5. 通过 svg-sprite-loader 来处理 svg 的加载

如果图标无法显示,那么可以根据以上点进行下检查(修改了 vue.config.js 之后不要忘记重启项目哦~) 


0
0

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

查看课程