除了static文件夹，图片放在其他文件夹都会被webpack构建，如改成base64的格式。因此js就会找不到图片路径。
因此，如果要正确引入图片有以下几种方法：
1、使用require，使用如图正确路径所示方式展示。
icon:('image://'+require("../../../assets/images/driveless/right/right_img7.png")+'')
2、将图片放在static文件夹下引用。
vue使用echarts-legend-icon自定义图标路径错误问题
在Vue项目中使用ECharts时，若要自定义legend图标且避免因webpack构建导致的图片路径错误，可以采取以下方法：1) 使用`require`引入图片并确保路径正确；2) 将图片放入`static`文件夹直接引用；3) 通过`import`导入图片。这三种方式均能成功显示自定义的legend图标。
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
