Vue.js项目中,当图片无法显示时则显示默认图片
使用require将图片进入，写法如下： data: () => ({logo: 'this.src="' + require('../assets/img.png') + '"'}) 注：我是在data里就将字符串拼接好了，当然也可以在onerror方法里拼接，这里就不赘述 ...
原文：vue项目中，图片无法显示时，显示默认图片，但默认图片路径出错
问题描述 在vue项目中，同样的图片，设置在img的src中能正常显示 设置在img的onerror中不能正常显示 原因 项目启动后， 图片的路径并不是我们写的路径了。 示例： 源代码： 直接加载 lt img src .. .. assets img timg.jpg gt 设置为logo.png加载失败后显示的默认图片 lt img src logo.png onerror this.src ...
2017-08-25 15:53 0 1109 推荐指数：
相关推荐
Vue.js项目中,当图片无法显示时则显示默认图片
Vue.js项目中,当图片无法显示时则显示默认图片使用onerror方法 最近在学习Vue时，遇到了一个问题，就是从后台传过来的图片路径无效时，需要在页面显示默认图片 本人试了3种方法，2种方法失败了（失败原因：图片定位失败） 失败方法一： 见http://blog.csdn.net ...
img 图片加载出错时 显示默认图片
在 img 标签 加上onerror="onerror=null;src='123.jpg'" ,即当图片加载失败时会自动加载123.jpg ，例如 src="abc.jpg" onerror="onerror=null;src='123.jpg'" /> ...
vue-图片src路径不存在时，显示默认图片
既可以保证在图片加载失败的时候，能加载默认图片，也能在不存在图片的是，不会一直进入error，处于死循环状态 ...
vue 图片加载错误显示默认图片
参考文档 https://www.cnblogs.com/z937741304/archive/2019/11/06/11809547.html 方法一： onerror onerror加载默认图片 方法二：自定义指令 建议先加载图片，图片加载错误后加载默认图片，自定义指令可在 ...
vue中的图片加载与显示默认图片
HTML： JS： 针对尺寸不统一的：先显示默认图片，加载成功时移除默认图片，填充背景。 ...
img src路径不存在时，显示默认图片
通过import引入图片，defaultImg变量就是默认图片， 在vue变量的 ...