vue v-for 中的img不显示

image.png

但是直接这样写的话，图片会正常显示：

<img src="/assets/img/prize.png"/>

原因：assets下的资源，会经过webpack的编译，在html中可以直接使用路径，但在js中时路径不可以直接写

解决方案1:用require引入图片在数据列表中
解决方案2: 我是mock的数据，所以在数据列表图片参数里，找网上的http开头的图片地址


image.png

解决方案3: 将图片存放到static/images路径下

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容