0
点赞
收藏
分享

微信扫一扫

Vue图片加载错误、图片加载失败的处理

Vue图片加载错误、图片加载失败的处理_.net# Vue图片加载错误、图片加载失败的处理

注意: 1. onerror前面要用冒号 : 2. 注意看logo定义的格式,符号不要写错了

Vue图片加载错误、图片加载失败的处理

注意:

  1. onerror前面要用冒号 :
  2. 注意看logo定义的格式,符号不要写错了
<img :src="pic?pic:'../../assets/placeholder.png'" :onerror="errorImage" alt="">


<script>
export default {
data() {
return {
errorImage: 'this.src="' + require('../assets/error.png') + '"' ,
}
},
}
</script>

完成!

Vue图片加载错误、图片加载失败的处理_git_02

【版权声明】本博文著作权归作者所有,任何形式的转载都请联系作者获取授权并注明出处!

【重要说明】本文为本人的学习记录,论点和观点仅代表个人而不代表当时技术的真理,目的是自我学习和有幸成为可以向他人分享的经验,因此有错误会虚心接受改正,但不代表此刻博文无误!

【Gitee地址】秦浩铖:​​https://gitee.com/wjw1014​​


举报

相关推荐

0 条评论