vue 显示图片404后显示默认图片的解决办法

<img class="actor"
        :src="imaget(this.$store.state.user.headerImg)"
        @error="defimg()">

defimg(){
      let img = event.srcElement;
      img.src = require("../assets/img/avatar.png");
      img.onerror = null; //防止闪图
    },

// 获取服务器资源
    imaget (val) {
      if (val != null) {
        console.log(val)
        return this.$http.adornUrl('/statics/' + val + '?token=' + Vue.cookie.get('token'))
      } else {
        return require("../assets/img/avatar.png")
      }
    }

 

posted @ 2020-06-18 16:25  史密斯崔  阅读(281)  评论(0编辑  收藏  举报