vue图片不存在时加载默认图片

在文件中的img那里添加:οnerrοr="errorImg01"，然后设置errorImg01的路径如果直接写成

errorImg01: ('../../assets/images/item_image.png')，会找不到这个图片

由于项目启动后，图片的路径并不是我们写的路径了。所以我们用

errorImg01: 'this.src="' + require('../../assets/images/item_image.png') + '"'这个来请求图片。

<template> <div class="goods_img"><img :src="item.PicUrl" alt="" :οnerrοr="errorImg01"></div>
</template><script>export default {name: "ListItems",data () {return {errorImg01: 'this.src="' + require('../../assets/images/item_image.png') + '"'}}
}
</script>

---------------------
作者：祗想安靜地。
来源：CSDN
原文：https://blog.csdn.net/jingjingshizhu/article/details/81315841
版权声明：本文为博主原创文章，转载请附上博文链接！

vue图片不存在时加载默认图片相关推荐

angularjs 图片加载失败时,加载默认图片
app.directive('errSrc', function () { return { link: function (scope, element, attrs) { element.bind ...
vue + 图片加载 + 默认图片
需求: 图片数据未返回 + 图片数据返回为空 + 图片加载出错时,图片采用默认图片展示. 解决: 先判断返回数据是否有,再通过img 的 load事件判断是否加载完成. 现象: 图片会先加载默认图片 ...
Vue.js项目中,当图片无法显示时则显示默认图片
Vue.js项目中,当图片无法显示时则显示默认图片使用onerror方法最近在学习Vue时,遇到了一个问题,就是从后台传过来的图片路径无效时,需要在页面显示默认图片本人试了3种方法,2种方法失败了 ...
图片加载失败后---加载默认图片
一 . 图片加载失败原因: 文件路径不正确: 标签属性等元素错误: 错误的文件扩展名文件丢失存放位置出现问题网络传输问题: 二 . 加载失败后页面默认样式如下 ↓: 三 . 封装函数:图片加载 ...
android启动时加载引导图片并全屏显示
前言:最近在做一个项目,项目要求app启动时加载引导图片,由于经验不足(技术一般般),在设计时踩了几个坑,不过好在最终也是做了出来,下面我把我的想法和步骤列一下,希望可以帮到各位新手android程序 ...
Android之ListView优化(使用Lrucache，图片滑动时使用默认图片，停止时加载)
注意:LruCache是有版本限制的,低版本的sdk需要在libs文件夹添加相应的support-4v文件. 本文改造的大部分是参考http://www.iteye.com/topic/1118828 ...
Android开发之Glide加载U盘音乐的专辑图片的方法 | Glide加载content:图片 | Glide加载内容提供者 | Glide加载MP3专辑图片 | Glide加载音乐专辑图片
老套路先(献)上图 1.说下核心,Glide提供了直接加载内容提供者的方法用于显示图片 2.Glide加载的图片的格式如下 content://com.yhsh.app.media.server.us ...
python怎么加载图片-怎样用python加载dicom图片
用python加载dicom图片的方法:使用pydicom.CV2.numpy.matplotlib等库即可.pydicom库是专门用来处理dicom图像的python专用库. python读取DIC ...
android glide圆形图片,Glide原生方法加载圆形图片
项目中需要用圆形图片,我们知道,Android原生是没有好用的圆形图片的,何况还要网络加载什么的.今天找了下Glide加载圆形图片的方法,基本都是这种,说得倒是很明白的,但是我自己加载时候没有找到相应 ...

vue图片不存在时加载默认图片

vue图片不存在时加载默认图片相关推荐

最新文章

热门文章