首页 > 其他 > 详细

img src路径不存在时,显示默认图片

时间:2019-07-18 14:47:09      阅读:241      评论:0      收藏:0      [点我收藏+]
<img :src=" zftx ? zftx : ‘ ‘ "  :onerror="defaultImg"/>
 
 import defaultImage from ‘@/assets/baseInfo.png‘;
在script中通过import引入图片,defaultImg变量就是默认图片,
 
在vue变量的data里,定义defaultImg变量
defaultImg: `this.src="${defaultImage}"`, // 这个``是模板的意思,
 
当zftx为空时,src 为空,此时会执行  :onerror="defaultImg"

备注:由于工程是vue的前端工程,就需要引入图片,而不能直接使用图片的路径,直接使用路径图片将不会渲染。

如果文章对你有帮助,麻烦帮忙点个赞哦!嘿嘿!做一个靠谱的技术博主!

img src路径不存在时,显示默认图片

原文:https://www.cnblogs.com/CatcherLJ/p/11206549.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!