vue项目实战：如果请求服务器图片加载失败，添加默认图片

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>