Vue中通过v-for动态添加图片地址

时间:2021-12-27 14:56:08

由于组件化问题,webpake在打包以后,src目录下的assets里面存放的img图片,路径已经更换。很多入坑的前端程序员在使用的时候,可能专破头也弄不清地址是什么个情况;

这里在使用vue-cli脚手脚构建工具,目录下会生成一个static目录,表示的是静态目录,推荐大家将img 存放在这个目录下,那么在webpack编译以后,依旧是可以获取到这个目录下的路径,这样就解决了路径不符而导致图片加载不出来的问题!当然项目中用的一般都是绝对路径,少数图片的话,这种方式挺好