Pic获取失败404.现框.处理.Vue

[HuangHongRui]

问题：获取用户图片接口..如获取失败404（本地测试）.会出现该情况，框会显示出来...丑爆 想象：当出现这种情况...让图片显示为默认图片..

Vue环境：

// HTML
<img :src="userinfo.portraitUrl" v-on:error.once="whenError($event)">
// Vue.Methods：
    whenError : function(e){
        e.currentTarget.src = '../../imgs/headpro.png';
        console.log('图片错误')
    }