vue动态绑定本地图片需要用require包裹

vue内的JS在引用本地图片时,静态可以直接加载,但是给src动态绑定属性之后,图片加载不出来,原因如下:

1.不用require,:src="'../img/image.jpg'" 会被解析为字符串,图片加载不出来

 // 正常加载

 // 动态地址,路径被加载器解析为字符串,图片找不到

2.使用require包裹之后,变成动态地址,正常加载

src1:require('../img/image1.jpg'),

src2:require('../img/image2.jpg'),

index: 1,
 // 动态地址,正常加载

你可能感兴趣的:(vue.js,前端)