vue3本地src图片循环渲染不显示?

194 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路

总结:路径问题

有可能并不是自己写错了路径,而是对渲染的理解还没弄明白 我现在使用的是==vue3+vite==,当然这跟vue2,vue3没有直接的关系,只不过在vue3里我更喜欢像小程序一样直接写,不需要导入数组里,再用 require引入,显得不够优雅,难用至极

直接上图

如果你的情况跟我一样,恭喜你,bug将快速解决 在这里插入图片描述 你以为是src没有加:?(:src) 在这里插入图片描述 也不行 直接引入一直图片试试 在这里插入图片描述 发现单张图片直接可以直接引入 多张怎么不行了呢? 在这里插入图片描述 看看路径,渲染乱码 真实路径 在这里插入图片描述 看看单张路径在HTML中如何渲染 在这里插入图片描述 那我们就按单张正常显示的路径去修改循环路径 正确路径是 ==/src/assets/lunbo/...== 在这里插入图片描述 发现成功了,是不是很简单?

但还有一个问题,就是打包后,还能正常显示吗? 大家可以试试