图标不显示

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

RaymondSH

2021-10-27

http://img.mukewang.com/szimg/61796e93093f1fe905810497.jpg

http://img.mukewang.com/szimg/61796e9309ce5c4f16160402.jpg

老师,按照视频上敲的,但是没有图标显示,依赖也已经下载了,能麻烦看一些吗

写回答

2回答

qq_Simpleisbeau_0

2022-03-17

我图标也不显示,被这个课程搞的心好累,实际开发的时候都没被搞的那么累。老铁你的图标展示出来没有。

0
2
Sunday
你好 给你带来不好的体验,我表示很抱歉。因为咱们课程上线的时候element-plus 还不是正式版本,在一个月前才刚刚升级到正式版。同时我也对应跟进了 element-plus 的正式版本到咱们的课程项目中。或许可以参考下新更新的视频内容。
2022-03-18
共2条回复

Sunday

2021-10-28

你好:

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

  1. 指定  svg -> use 标签

  2. 指定对应类名

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

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

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

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

0
2
记得按时吃饭
回复
RaymondSH
Failed to resolve loader: svg-sprite-loader You may need to install it. 运行成功 是不是有这个警告的代码 有的话需要安装一下svg-sprite-loader这个插件就可以了 这里我遇见了 然后解决了
2023-04-23
共2条回复

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

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

1941 学习 · 1687 问题

查看课程