一、elementui上传图片回显
在使用elementui的上传组件时,我们可能会遇到需要在上传成功后将图片回显到页面上的需求。可以通过elementui的图片预览组件来实现图片回显:
<el-upload class="avatar-uploader" action="/upload" :show-file-list="false" :on-success="handleAvatarSuccess"> <img v-if="imageUrl" :src="imageUrl" class="avatar"> <i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload> <el-dialog :visible.sync="dialogVisible"> <img width="100%" :src="dialogImageUrl" alt=""> </el-dialog>