乐趣区

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

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

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

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

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

退出移动版