vue项目中,图片无法显示时,显示默认图片,但默认图片路径出错
来源:互联网 发布:jquery.form.js用法 编辑:程序博客网 时间:2024/06/08 10:36
问题描述
在vue项目中,同样的图片,设置在img的src中能正常显示
设置在img的onerror中不能正常显示
原因
项目启动后, 图片的路径并不是我们写的路径了。
示例:
源代码:
// 直接加载<img src="../../assets/img/timg.jpg">// 设置为logo.png加载失败后显示的默认图片<img src="/logo.png" onerror="this.src=../../assets/img/timg.jpg">
渲染后,浏览器控制台查看到的
解决方案
<img src="/logo.png" :onerror="defaultImg">data() { return { defaultImg: 'this.src="' + require('../../assets/img/timg.jpg') + '"' }}
阅读全文
0 0
- vue项目中,图片无法显示时,显示默认图片,但默认图片路径出错
- Vue.js项目中,当图片无法显示时则显示默认图片
- Vue.js项目中,当图片无法显示时则显示默认图片
- js显示默认图片
- 当图片不存在时显示默认图片
- 图片不存在时,显示默认图片
- 图片不能正常显示,显示默认图片。
- HTML显示默认图片实现
- win8图片默认不显示
- 图片不存在显示默认图
- 网页 失效图片 显示 默认 缺省 图片
- 图片加载失败,显示默认图片
- 图片加载失败,显示默认图片
- 如果图片加载失败,显示默认图片
- 图片加载失败显示默认图片
- 图片不存在时,显示一个默认的图片
- angular 背景图片,当图片不存在时显示默认图片
- 图片不存在时显示一个默认的图片
- Android 7.0 系统解决拍照的问题 exposed beyond app through ClipData.Item.getUri()
- Lambda基础例子
- 基于LoRa的物联网技术分析
- eclipse运行maven项目报错java.lang.ClassNotFoundException: xxxxxx
- MySQL 日志记录 log-queries-not-using-indexes
- vue项目中,图片无法显示时,显示默认图片,但默认图片路径出错
- oracle 数据库 Decode函数
- explain讲解
- POJ 2186 Popular Cows(tarjan缩点)
- CSS Modules使用详解
- Linux内核源码阅读以及工具
- Unity 利用AndroidJavaClass 获取jar实例
- 最新手机号码验证正则表达式
- CERT NetSA Security Suite遇见 Spark:网络流量分析新操作