Svg图片不显示

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

慕村8337265

2022-12-14

老师你好,帮分析下我这个图标没有出来可能问题会出在哪里呢?
我在body里面已经看到了大svg
图片描述
然后在具体的地方也引用进来了,如图
图片描述

登录界面的代码,如图
图片描述
界面显示如图
图片描述
问题也查了好久,没有查出来,帮看下是哪里出问题了。

写回答

1回答

Sunday

2022-12-14

你好:

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

  1. 指定  svg -> use 标签

  2. 指定对应类名

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

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

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

如果图标无法显示,那么可以根据以上点进行下检查


0
2
慕村8337265
问题已解决,href写成herf. 粗心惹得祸,不过也好,这也让我把这个svg显示原理好好地学习了一遍。
2022-12-14
共2条回复

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

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

1941 学习 · 1687 问题

查看课程