img加载失败Vue中如何监听

vue中img标签加载失败 使用默认图片

template中这么写，如果src中的图片加载失败就会加载defaultImg中的路径

<img
:src="https://hl-blog.oss-cn-shanghai.aliyuncs.com/%E5%A4%B4%E5%83%8F.jpg"
alt="加载失败咯"
:onerror="defaultImg"/>

js中这么写

export default {
    data () {
        return {
            defaultImg: "this.src='https://hl-blog.oss-cn-shanghai.aliyuncs.com/%E5%A4%B4%E5%83%8F.jpg'",
            defaultImg2: "this.src='/src/assets/logo.png'",
            defaultImg3: 'this.src="' + require('../../assets/images/moren.png') + '"'
        }
    }
}