Vue中通过v-for动态添加图片地址
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue中通过v-for动态添加图片地址相关的知识，希望对你有一定的参考价值。
由于组件化问题，webpake在打包以后，src目录下的assets里面存放的img图片，路径已经更换。很多入坑的前端程序员在使用的时候，可能专破头也弄不清地址是什么个情况；
这里在使用vue-cli脚手脚构建工具，目录下会生成一个static目录，表示的是静态目录，推荐大家将img 存放在这个目录下，那么在webpack编译以后，依旧是可以获取到这个目录下的路径，这样就解决了路径不符而导致图片加载不出来的问题！当然项目中用的一般都是绝对路径，少数图片的话，这种方式挺好
以上是关于Vue中通过v-for动态添加图片地址的主要内容，如果未能解决你的问题，请参考以下文章