Home: 在首页中,需要显示自定义上传的LOGO图片。但是有可能会出现加载图片失败的情况。这时候我们就要给它设置一个默认的LOGO图片。
<template>
<div>
<img width="48px" height="48px" :src="imgUrl" @error="handleImgUrlError" />
</div>
</template>
<script>
export default {
data() {
return {
imgUrl: ''
}
},
methods: {
handleImgUrlError(e) {
e.target.src = require('.images/logo.png')
},
}
}
</script>