image - ファイルのダウンロード後に画像が変更されない (VueJs および FileReader)

Question

入力タイプのファイルがあります。画像を読み込んだ後、データ プロパティ「imgSrc」に値を割り当てます。

methods:{
  setImage(e){
    let file = e.target.files[0];
    let isValidImageWidthAndHeight = true;
    let $self = this;
    let reader = new FileReader();
    reader.onload = (event) => {
        let image = new Image();
        image.src = event.target.result;

        image.onload = function(){

            if(this.width < 256 || this.height < 256){
                isValidImageWidthAndHeight = false;
            }

            if(isValidImageWidthAndHeight){
                $self.imgSrc = image.src; // here i change this prop
            }else{
                Vue.swal({
                    title: 'Ошибка',
                    text: 'Минимальные размеры картинки 256 х 256',
                    type: 'error',
                });
            $('.userUploadButton').val('');
        }
      };
    };

    reader.readAsDataURL(file);
  }
}

最初のロード後、この画面のようにすべて問題ありません-http://joxi.ru/KAxn6yZsMxn5Wm

しかし、次のアップロード後、画像は変わりません - http://joxi.ru/MAj38WvF4pRPar