【vue】v |
您所在的位置:网站首页 › potato照片加载不出来 › 【vue】v |
1、具体情况
将图片放在src/assets/img文件夹下面,循环图片的话,图片显示不出来 就像下面这样,图片是显示不出来的 export default { data(){ return{ images:['@/assets/img/kefu.png','@/assets/img/yuyue.png'] } } }但是如果直接在 用require将src包裹起来,如下 images:[require('@/assets/img/kefu.png'),require('@/assets/img/yuyue.png')]这样再循环图片就可以显示了 (2)解决方案二如果不想在data中将图片路径写死,而是想放在json文件或者数据库中加载,上面这种方法就不合适了 就得看为什么本来图片加载不出来,用require将路径包裹起来才可以加载图片 因为在vue项目中,唯一可以外部访问的文件是static文件夹,src文件夹是不可以通过外部访问的,只能我们内部代码调用。 如果图片不是放在static文件夹下面,那么系统会先做一步编译工作,将图片编译成static文件夹的路径,图片才可以显示出来 我们直接将图片放在static文件夹下面,就不需要这部分的编译工作了 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |