vue项目中本地图片动态绑定img的src属性解决方案

本地图片动态绑定img的src属性

vue项目中本地图片动态绑定img的src属性解决方案_第1张图片

1 将图片当成模块先引进来,再绑定

vue项目中本地图片动态绑定img的src属性解决方案_第2张图片

2本地静态资源加载

将所有的静态图片资源放在和src同级目录下的static文件夹下
vue项目中本地图片动态绑定img的src属性解决方案_第3张图片
路径可以写成自然的’…/…/static/img/xxx.png’ 也可以按照红框中的写法(这种写法对应的是编译后文件的目录)
vue项目中本地图片动态绑定img的src属性解决方案_第4张图片
这样按照平常的动态绑定src属性你的图片路径在开发模式下和生产模式下的图片资源路径都是不会出问题的

你可能感兴趣的:(vue项目中本地图片动态绑定img的src属性解决方案)