html - Vue js(Element-ui)でアップロードした後にアバター/サムネイル画像を表示するには?

Question

現在、写真をアップロードして、アップロード後にサムネイルまたはアバターとして表示する作業を行っています。以下のコードを書きました。正常にアップロードされますが、アップローダーの代わりに表示するのに問題があります。

                      <el-upload
                        class="styling-photo"
                        ref="upload"
                        action="#"
                        :auto-upload="false"
                        :show-file-list="true"
                        :on-success="handleAvatarSuccess"
                        > 
                        <img v-if="file" :src="file" alt="">
                          <i v-else class="abc"></i>
                      </el-upload>

下の画像では、pic.jpg 画像をアップロードしましたが、アップロード後に表示できません。誰かがこれで私を助けることができますか? いつかからこの問題に取り組んでいます。