关于前端:Vue-实现图片src的动态绑定

问题呈现的场景,须要用v-for循环的形式批量创立图片。
这个时候如果应用src

下面这种template 和 data 不能达到预期成果。
这是因为在webpack中会将图片图片来当做模块来用,因为模块是动静加载的,所以url-loader将无奈解析图片地址。这时咱们须要将图片作为模块加载进去,改用require()的形式。

注:
间接在template中指定图片门路(下图的形式)没问题。但v-for的时候不能够,须要改用下面说的require引入。

同步更新到本人的语雀。
https://www.yuque.com/diracke…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理