vue 图片为空或者不存在时 解决默认图片的问题

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

第一步:在你的data 里面创建一个变量defaultimg(这里随意)

.

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

//这里我是直接放在store里面的,因为我还有其他地方要使用这个图片
	const state = {
				defaultimg:'this.src="' + require('../assets/img/dehead.jpg') + '"',
       }
//这里我是直接放在store里面的,因为我还有其他地方要使用这个图片
//这里的onerror不需要管,直接复制
	<img  :onerror="$store.state.defaultimg" :src="userInfo.avatar" alt="" class="headImg">

第二种:单页面使用

//这里我是直接放在store里面的,因为我还有其他地方要使用这个图片
	const state = {
				defaultimg:'this.src="' + require('../assets/img/dehead.jpg') + '"',
       }
//使用的方法都是一样的
	<img  :onerror="$store.state.defaultimg" :src="userInfo.avatar" alt="" class="headImg">

ok结束啦,有没有大佬,带带我这个菜鸡!!!!!

发布了26 篇原创文章 · 获赞 29 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_44143512/article/details/93058826