Vue v-for 渲染本地静态图片

最近做一个小项目遇到一个问题,用v-for渲染本地静态图片无法显示,我将图片放在了assets文件下

然后放在某个页面的data,

 

 准备用v-for 渲染一组图片却无法显示,这是怎么回事呢?

我上网查到

  

原来是webpack会把 src/assets下的图片会被看作模块依赖进行处理

那么解决方法是什么呢?

1. 用require引入图片路径,例如require('./relative/path/to/file.jpg')

2.将图片放到static文件夹下面 

那这个时候就有疑问了,为什么放在static文件就可以呢?

  

 原来是因为static下的文件都不会被webpack处理

(以上资料查于 https://www.cnblogs.com/minigrasshopper/p/8011630.html

猜你喜欢

转载自blog.csdn.net/A_D_H_E_R_E/article/details/120016773
今日推荐