vue 图片不存在时显示自定义图片

遇见的问题：当请求的图片为空时，默认图片，路径是对的，但是就是不出来

建议放在store里面，因为使用的自定义图片的地方可能有多处：

第一种：多个页面需要使用时

//这里我是直接放在store里面的，因为我还有其他地方要使用这个图片const state = {defaultimg:'this.src="' + require('../assets/img/dehead.jpg') + '"',}

//这里我是直接放在store里面的，因为我还有其他地方要使用这个图片
//这里的onerror不需要管，直接复制<img  :onerror="$store.state.defaultimg" :src="userInfo.avatar" alt="" class="headImg">

第二种：单页面使用

//默认图片的路径defaultimg: require('../assets/img/dehead.jpg')

//使用的方法都是一样的<img  :onerror="defaultimg" :src="userInfo.avatar" alt="" class="headImg">// 或者用三目运算： 判断后台传的数据是否为空，为空显示默认的图片<img :src="item.portrait == null ? defaultimg : item.portrait" alt="">

userInfo.avatar后台获取的数据

ok结束啦，有没有大佬，带带我这个菜鸡！！！！！

vue 图片不存在时显示自定义图片相关推荐

img标签无图片或者图片url错误时显示默认图片
img标签无图片或者图片url错误时显示默认图片如上图,四个img标签中插入四张图片. 核心:οnerrοr="this.src='默认图片路径' " 当img标签src路径错误 ...
当图片404时显示默认图片
当图片404时显示默认图片 1.当图片未找到时或者404时,触发onerror显示其中的图片 eg: <img src="当前图片的地址" onerror="thi ...
03-UITableView索引栏显示自定义图片
如果对iOS开发感兴趣,可以来黑马程序员学习iOS:黑马程序员 1.1-系统API有没有提供相关的属性或者代理呢? 1.2-自定义View作为索引栏 1.3-使用NSString显示图片原理 1.3. ...
[html] iOS下页面如何启动加载时显示画面图片？如何设置大小？它有什么好处？
[html] iOS下页面如何启动加载时显示画面图片?如何设置大小?它有什么好处? <link rel="apple-touch-startup-image" href=&q ...
htmlimg图片加载失败_html网页图片未加载完成或失败时显示默认图片
前言一般一个内容多的网站相对会有比较多的图片文件,但是同时加载这些图片文件或加载失败时会出现空白占位,影响美观,通过脚本控制,可以实现加载需求内容图片时,加载未完成或失败的时候显示一张本地默认图片, ...
实现图片加载时显示百分比思路——serverpush
讨论群66541167 问题由 [广州]backUp(380045134) 15:01:11 各位老板,有没有办法实现图片加载时显示百分比啊? 引出由 [宜昌]大刀(624255696) 15: ...
Android 使用ContentProvider扫描手机中的图片，仿微信显示本地图片效果
转载请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/18730223),请尊重他人的辛勤劳动成果,谢谢! 写这篇文 ...
img图片不存在时设置默认图片
img设置是一个圆的样子,发现调取接口之后返回img路径是空,img显示是一个正方形,找了方法解决当图片不存在时设置默认图片 <img src="图片的url地址" alt ...
VC++下载图片然后控件显示JPG图片的实现
本人采用VS2003开发平台,由于可以兼容VC6.0的大量代码.但是要实现目前C#的大量功能,还是要费不少功夫的.下面讲下如何如下图片下载,然后显示在图片控件的功能.单独封装了两个函数可以只直接使用. ...

vue 图片不存在时显示自定义图片

第一种：多个页面需要使用时

第二种：单页面使用

vue 图片不存在时显示自定义图片相关推荐

最新文章

热门文章

vue 图片不存在时 显示自定义图片

第一种：多个页面需要使用时

第二种：单页面使用

vue 图片不存在时 显示自定义图片相关推荐

最新文章

热门文章

vue 图片不存在时显示自定义图片

vue 图片不存在时显示自定义图片相关推荐