静态图片显示不了，为什么呢？

今天修改Bug 遇到了之前没遇到过的问题，所以过来记录了一下：

突然发现引用的icon图标显示不了了，先检查了一下路径，路径没错，然后就纳闷了，为什么呢？通过收集资料终于弄明白了！

我最初的代码：

<div> <img class="item-img" :src="item.imgSrc" /><p class="item-text">{{ item.text }}</p>
</div>下面是图标路径应用：imgSrc: '@/assets/icons/home.png'

感觉没什么问题，我这个感觉还是错了害

解决方法：

应用路径写在require 里！！！

具体码入下：

imgSrc: require('@/assets/icons/home.png')

解决了！！！

require 是 CommonJS 的模块导入方式，不支持模块的默认导出，因此img导入的结果其实是一个含 default 属性的对象

而且我应用的路径是assets里的路径，assets与 static 也有区别的，感兴趣的朋友可以看看这方面的资料哦

越努力越幸运！！！

加油家人们，一起努力，一起卷！！

静态图片显示不了，为什么呢？相关推荐

nuxt.js中的静态图片显示不出来解决方法
nuxt.js中的静态图片显示不出来解决方法 <script> export default {data() {return {imgList: [{ name: "图1&quo ...
高德地图生成静态图片，显示指定经纬度的地图
最近接到一个地图需求,1.生成静态图片,2.显示指定经纬度的地图然后我结合需求sdkapi后,就确定了大概几个需求.本文只注明几个比较有用的地方,具体还得结合官方文档,普通不是专门以地图开发需求的a ...
android 显示百度地图的静态图片
在listview中要显示地图,使用百度地图的MapView显示感觉有点卡,就想能不能把地图截图下来显示,在查找资料的过程中发现百度提供了获取静态地图的方法,只需要自己拼装url,就能得到一张地图的静 ...
QT+高德地图Web服务API开发—静态地图开发Demo。QT组件提升、QT鼠标事件处理、Qt图片显示与移动、QT网络操作
说明在本次项目中,我们使用QT开发框架,高德地图Web服务地图API,完成一个项目Demo,进行一次对QT.对编程的学习. 本系类文章所包含内容包括: 1.QT组件提升 2.QT鼠标事件处理 3.Q ...
SpringBoot项目静态图片加载浏览器不显示问题解决方案
SpringBoot项目静态图片加载浏览器不显示问题解决方案项目结构如下: 我是通过Maven创建的以Thymeleaf为模板引擎创建的SpringBoot Web项目,发现加载的图片在浏览器不显示 ...
【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 )
文章目录一.加载网络图片二.加载静态图片三.加载本地图片四.完整代码示例五.相关资源一.加载网络图片参考 [Flutter]Image 组件 ( Image 组件简介 | Image 构 ...
android图片显示代码,Android图片处理：识别图像方向并显示(示例代码)
在Android中使用ImageView显示图片的时候发现图片显示不正.方向偏了或者倒过来了. 解决问题非常自然想到的分两步走:1.自己主动识别图像方向,计算旋转角度. 2.对图像进行旋转并显示. 一 ...
c语言头文件格式图片_阿波罗 STM32F767 开发板资料连载第四十九章图片显示实验...
1)实验平台:alientek 阿波罗 STM32F767 开发板2)摘自<STM32F7 开发指南(HAL 库版)>关注官方微信号公众号,获取更多资料:正点原子第四十九章图片显示实验 ...
基于arduino的ESP32 学习笔记（六）LVGL文件系统移植，中文字库和图片显示
前言本文的目的是为了给将要制作的ESP32手环做技术储备记录移植LVGL文件系统,制作LVGL中文字库,将图片和字库放在SD卡里,通过移植好的LVGL文件系统,读取SD卡中的中文字库和图片,并显示 ...

静态图片显示不了，为什么呢？

静态图片显示不了，为什么呢？相关推荐

最新文章

热门文章