v-for为img的src赋值的问题

clipboard.png

clipboard.png

clipboard.png

这样子写图片会炸掉,应该怎么处理啊??
路径是对的,直接用src不用v-bind是可以打开的

————————————————————————————————————————————————
已解决
clipboard.png

用require后,图片可以出来了,但是不知道原理是什么?

阅读 5.5k
3 个回答

做一次搬运工啦!有很多种解决方案!
解答
用require解决的原因很简单,webpack官网大图告诉我们,资源经过loader处理,变成处理好的文件。如果不用require的话,图片资源是不会加入的,所以肯定是404了!

看build后图片位置在哪里,这个地址就怎么写, 直接用src没问题是因为在打包编译的时候它会自动给你讲地址改写为打包后的地址

难道说图片、字体等静态文件不是应该放在static文件夹下吗?

推荐问题
宣传栏