vue项目引入本地图片不显示的解决方法

一般情况我们引入图片方式：

这样传过去的图片地址，在页面无法显示：

解决方法：使用 require

<template><div class="logo"><img :src="logo" alt="logo"></div>
</template><script>
export default {name: 'login',data(){return{logo:require('@/assets/common/logo1.png')}}
}
</script>

效果：

vue项目引入本地图片不显示的解决方法相关推荐

el-avatar 组件在vue项目部署后图片无法显示（解决办法）
问题描述: 使用el-avatar 组件显示图片, 在本地运行,结果4kb的图片,在控制台显示为相对路径地址(项目打包后,图片并没有显示): 而同样1.6kb的图片,在本地或打包后都能正常显示,均为b ...
小程序图片不显示的解决方法
小程序图片不显示的解决方法检查图片命名是否为英文图片是否使用image标签加载的背景图片不能使用本地图片地址图片名有没有空格
dedecms织梦系统后台验证码图片不显示的解决方法
dedecms织梦系统后台验证码图片不显示的解决方法参考文章: (1)dedecms织梦系统后台验证码图片不显示的解决方法 (2)https://www.cnblogs.com/afish/p/40 ...
android百度地图覆盖物异步加载图片,Android 百度地图marker中图片不显示的解决方法(推荐)...
目的: 根据提供的多个经纬度,显示所在地的marker样式,如下: 问题: 1.发现marker中在线加载的图片无法显示出来: 2.获取多个对象后,却只显示出了一个marker: 以下为官网实现方法: ...
vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...
微信小程序—swiper轮播图图片不显示的解决方法
swiper轮播图图片不显示的解决方法遇到图片无法显示的问题,是样式问题在wxss里面新型修改设置宽度 .container{width: 750rpx; } .container swiper ...
java显示一张图片不显示_微信图片不可显示java解决方法
场景: 微信上传了图片素材,返回了图片url,然后不能在img标签中正常显示. 原因是微信做了图片防盗连接. 解决方法: 原理:使用你的服务端脚本,远程抓取图片,然后输出image/* 格式,就可以了 ...
vue循环渲染本地图片不显示？
teamList: [{title: '大数据拍牌',imgUrl: './img/data.jpg',introduce: '5星服务:强烈推荐',cost: '15000',bail: '3次不中 ...
vue项目中，图片无法显示时或者访问图片出现404时，显示默认图片，但默认图片路径出错
问题描述在vue项目中,同样的图片,设置在img的src中能正常显示设置在img的onerror中不能正常显示原因项目启动后, 图片的路径并不是我们写的路径了. 示例: 源代码: // 直 ...

vue项目引入本地图片不显示的解决方法

vue项目引入本地图片不显示的解决方法相关推荐

最新文章

热门文章