svg标签中的 use标签的宽高都是0 怎么回事呢

来源:3-10 处理内部 svg 图标显示

一曲唱罢

2023-04-16

svg标签中的 use标签的宽高都是0 怎么回事呢
图片描述

console.log(svgRequire.keys())
这个打印出来是一个空数组

写回答

1回答

Sunday

2023-04-16

你好:

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

  1. 指定  svg -> use 标签

  2. 指定对应类名

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

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

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

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

如果还是不行的话,那么可以给我一个 git 地址,我查看下代码

2
2
Sunday
回复
一曲唱罢
你需要先按照上面的流程检查,比如 svg-sprite-loader 你并没有导入!!!
2023-04-17
共2条回复

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

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

1941 学习 · 1687 问题

查看课程