VUE3前端-整合图片显示

图片上传

<el-form-item label="封面图片">
          <image-upload v-model="form.cover"/>
        </el-form-item>
           

表格展示

<el-table-column label="照片" align="center" prop="picture">
        <template #default="scope">
          <ImagePreview :height="'20%'" :width="'20%'" v-if="scope.row.picture&&scope.row.picture.length>0"
                        :src="scope.row.picture"></ImagePreview>
        </template>
      </el-table-column>
           

后端返回的数据