vue动态赋值img的src,用require()

首先,单独一个src是可以的

图片

vue动态赋值img的src,用require()_第1张图片
数组是这样的
vue动态赋值img的src,用require()_第2张图片
想改为动态赋值的形式就实现不了

图片

所以改为如下:
在webpack中会将图片图片来当做模块来用,因为是动态加载的,所以url-loader将无法解析图片地址,将图片作为模块加载进去,用require()就可以了
vue动态赋值img的src,用require()_第3张图片
vue动态赋值img的src,用require()_第4张图片

vue动态赋值img的src,用require()_第5张图片
想看更多内容也可以关注我的微信公众号:傻傻是个前端程序猿
在这里插入图片描述

你可能感兴趣的:(vue)