vue v-for渲染不出是怎么回事？

Question

如下图代码：

结果如下：

如上图，不知道是不是我的代码写的有问题，在iphone6 iOS8.1版本四张图片渲染不出来，但是在我的安卓手机就没有问题正常，如下：

求解，在此谢过。

代码结构大概为这样：

忘了说下我这个是上传到阿里云服务器返回的图片链接

Answer 1

你这个图贴完整就排除v的问题了
下次把代码贴完整

你把img的样式  width 和 height加上

Answer 2

猜测原因

1. https网络图片未显示
2. img未设置宽高

我刚才测试了一下结果如图：
有2张403错误

Answer 3

原因是因为图片在safari和ff下打不开，在chrome下是可以打开的。

具体为啥打不开，是因为你的图片是webp格式的，只有chrome支持，

所以你的图片只能在安卓下打开

刚刚下载了你的图片，然后用hex看了下

有个webpvp8的标志，表示该图片是webp格式的。

如果楼主不信的话，可以用python代码试一试。
https://docs.python.org/3/lib...

test.jpg是楼主的图片，检测出是webp格式的

Answer 4

当src=''的时候，你的Img有width和height吗？
在老版本的浏览器中，
如果img的src=''的时候，
没有设置width和height,
那么他的height默认为0，
就算src改变了，这个height也不会自动改变，还是0

---

楼主给的链接有问题

https://123win.oss-cn-shenzhen.aliyuncs.com//upload/50c4949fe1abf74be216c9932c3a0d6a.jpg

域名com//后面多了一个/
老版本浏览器不会识别这种错误，所以会报错，去掉这个多余的/

Answer 5

应该是图片格式问题 楼上正解