<div ><img :src="avatar" :onerror="img404" /></div>
data() {
return {
img404:"this.src='" + require('../assets/img/img404.png') + "'"
};
},
这篇博客探讨了如何在前端处理图片加载失败的情况。通过在`<img>`标签中使用`onerror`事件,当图片无法加载时,可以设置一个默认的404图片。示例代码展示了如何在Vue.js应用中动态地设置404图片的路径。
<div ><img :src="avatar" :onerror="img404" /></div>
data() {
return {
img404:"this.src='" + require('../assets/img/img404.png') + "'"
};
},
2083
4633

被折叠的 条评论
为什么被折叠?