背景： 业务开发时遇到一个需求，在图片加载失败时，显示默认占位图片，应为以前没有接触过，所以记录下解决方式。
知识点： onerror 事件会在文档或图像加载过程中发生错误时被触发。
代码：
<template> <div class="white-body-view"> <img :src="logoUrl" :onerror="defalutLogoUrl" alt=""> </div> </template> <script> export default { data() { return { logoUrl: '', defalutLogoUrl: 'this.src="' + require('@/assets/images/defaultLogoUrl.png') + '"' } } } </script> 版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/16206.html