最近プロジェクトを書いていたとき、ダイアログで画像をアップロードしてもエコーされず、アップロード後も空白のままであることがわかりました。
バックグラウンドによって返される画像アドレスも正常ですが、表示されません。考えてみると、ダイアログにポップアップしたダイアログボックスがデータに応じてノードを更新できない可能性があるため、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;
}
})
},
その後、画像を表示できます