Vue での画像読み込みエラーのパフォーマンスの最適化

シナリオ: 基本的に、プロジェクト内の画像はバックグラウンドを介して送信され、その後 dom にレンダリングされますが、アプリの起動後にバックグラウンドでエラーが報告され、画像を受信できない場合、ユーザーのエクスペリエンスは悪くなります。

<img :src="imgUrl" @error="handleError" alt="">
<script>
export default{
  data(){
    return{
      imgUrl:''
    }
  },
  methods:{
    handleError(e){
      e.target.src=reqiure('图片路径') //这边可以填充一个通用的报错图片
    }
  }
}
</script>