v-for循环添加图片路径(图片是本地的，放在assets)加载

作者: lazy_tomato | 来源:发表于2020-05-30 22:42 被阅读0次

v-for循环添加图片路径(图片是本地的，放在assets)加载
iOS UIImage加载图片的两种方式
vue 关于图片路径的问题
Android开源框架Glide的使用
js将本地路径的图片转化为base64格式
在FrameWork中添加Assets管理的图片资源, 加载图片
Glide 加载图片保存至本地，加载回调监听
AndroidStudio查看flutter的资源
[React-Native]RN组件学习-Image
【Flutter】 Image常用图片加载方式

star

之前在做Vue项目时,v-for循环添加图片路径(图片是本地的，放在assets)，死活加载不出来，折腾了很久，后来疯狂百度，解决了，当时没有做记录，刚好今天朋友也遇到这样的问题，做个记录，防止踩坑。不多逼逼，进入正题。

问题

v-for循环添加图片路径(图片是本地的，放在assets)，死活加载不出来

个人总结

由于Vue最后是基于 webpack 打包文件的，我们本地的路径

例如：../assets/img/login.png

在webpack打包之后， webpack会解析它为模块依赖，文件路径就会出错

解决方案（亲测有效）

用require()处理 src路径

image:require('../assets/img/up.png')

ps: 有的博客说还有一种方法 import 但是我自己亲自尝试并没有成功，所以不多说了，

end

能力有限，可能不足，参考即可，希望有用。

网友评论

本文标题：v-for循环添加图片路径(图片是本地的，放在assets)加载

本文链接：https://www.haomeiwen.com/subject/yvdkzhtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

v-for循环添加图片路径(图片是本地的，放在assets)加载

star

问题

个人总结

解决方案（亲测有效）

end

相关文章

v-for循环添加图片路径(图片是本地的，放在assets)加载

iOS UIImage加载图片的两种方式

vue 关于图片路径的问题

Android开源框架Glide的使用

js将本地路径的图片转化为base64格式

在FrameWork中添加Assets管理的图片资源, 加载图片

Glide 加载图片保存至本地，加载回调监听

AndroidStudio查看flutter的资源

[React-Native]RN组件学习-Image

【Flutter】 Image常用图片加载方式

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

v-for循环添加图片路径(图片是本地的，放在assets)加载

star

问题

个人总结

解决方案 （亲测有效）

end

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

解决方案（亲测有效）