vue中v-for循环一个import...from...另一个JS文件中的数组数据动态加载图片(:src)失败的解决方法
2020-06-05 05:43
411 查看
1、问题描述
我在A组件中使用vue中的v-for循环渲染一个使用import…from…引入的一个名为B的.js文件中的数组(元素是对象格式),对象中的属性中含有图片的URL地址,但是在img标签中(:src=“item.picture”)最后页面中图片并没有被加载出来,并且在控制台中看到只是一个空的标签,其中并没有src属性以及相应的url.
到最后发现是页面上是没有相关图片的,我已经确定了图片路径是正确的。
2、解决办法
浏览了一些技术博文后我尝试在B文件中的图片路径属性字符串加上require(“url”),最后页面的图片就正常显示啦!
注意不能将require包到字符串中!
我还不清楚这里面的机制,如果有哪位看官清楚这个问题的原因请在留言区轰炸,谢谢啦!
相关文章推荐
- 解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法
- 基于vue 动态加载图片src的解决方法
- 解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法
- php ci框架中加载css和js文件失败的原因及解决方法
- vue中通过定义的数组循环将img的src引入图片却不显示图片问题解决方法
- vue的图片src动态引入失败的解决办法
- php ci框架中加载css和js文件失败的解决方法
- php ci框架中加载css和js文件失败的解决方法
- php ci框架中加载css和js文件失败的原因及解决方法
- C# 加载图片image --(C#)Image.FromFile 方法会锁住文件的原因及可能的解决方法
- CodeIgniter通过修改.htaccess文件的办法解决加载css js 图片类型文件的方法
- 自己用的一个动态加载js,css文件 预加载图片
- Vue动态加载图片在跨域时无法显示的问题及解决方法
- C# 加载图片image --(C#)Image.FromFile 方法会锁住文件的原因及可能的解决方法
- vue 动态加载图片src的解决办法
- javascript中采用jQuery ajax动态加载js文件的解决方法
- C# 加载图片image --(C#)Image.FromFile 方法会锁住文件的原因及可能的解决方法
- php ci框架中加载css和js文件失败的原因及解决方法
- 解决水晶报表中动态加载的图片或利用水晶报表创建的图表不显示图片的方法
- 未能加载文件或程序集“System.Data.SQLite”或它的某一个依赖项”的解决方法