v-for循环添加图片路径(图片是本地的，放在assets)加载

star

之前在做Vue项目时,v-for循环添加图片路径(图片是本地的，放在assets)，死活加载不出来，折腾了很久，后来疯狂百度，解决了，当时没有做记录，刚好今天朋友也遇到这样的问题，做个记录，防止踩坑。不多逼逼，进入正题。

问题

• v-for循环添加图片路径(图片是本地的，放在assets)，死活加载不出来

个人总结

• 由于Vue最后是基于 webpack 打包文件的，我们本地的路径

  例如 ：../assets/img/login.png

  在webpack打包之后， webpack会解析它为模块依赖 ，文件路径就会出错

解决方案 （亲测有效）

• 用require()处理 src路径

image:require('../assets/img/up.png')

ps: 有的博客说还有一种方法 import 但是我自己亲自尝试并没有成功，所以不多说了，

end

能力有限，可能不足，参考即可，希望有用。