ダイアログでの ElementUI 画像のアップロードで問題が発生しない

最近プロジェクトを書いていたとき、ダイアログで画像をアップロードしてもエコーされず、アップロード後も空白のままであることがわかりました。
ここに画像の説明を挿入
バックグラウンドによって返される画像アドレスも正常ですが、表示されません。考えてみると、ダイアログにポップアップしたダイアログボックスがデータに応じてノードを更新できない可能性があるため、this.$forceUpdate()
次のようにコードを使用しました。

<el-upload
        action=""
        :show-file-list="false"
        :http-request="uploadImg"
        :before-upload="beforeAvatarUpload">
    <img v-if="acinfo.actImg" :src="acinfo.actImg" class="avatar"/>
    <i v-else class="el-icon-plus avatar-uploader-icon" style="font-size: 30px"></i>
 </el-upload>

//上传方法
uploadImg(param) {
    
    
   upload(param, (imgUrl) => {
    
    
   	if (imgUrl) {
    
    
       this.$forceUpdate()
       this.acinfo.actImg = imgUrl;
    }
   })
},

その後、画像を表示できます
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/Macao7_W/article/details/127109477