若依管理后台多图片上传组件

最新推荐文章于 2024-08-06 11:26:13 发布

手可摘列仙

最新推荐文章于 2024-08-06 11:26:13 发布

阅读量6.8k

点赞数 4

文章标签： vue upload

本文链接：https://blog.csdn.net/wgh0315/article/details/115858872

版权

组件路径

在这里插入图片描述

组件 index.vue 详情

<template>
  <div class="component-upload-image">
    <el-upload
      :action="uploadImgUrl"
      list-type="picture-card"
      :on-success="handleUploadSuccess"
      :before-upload="handleBeforeUpload"
      :on-error="handleUploadError"
      name="file"
      :on-remove="removeImage"
      :show-file-list="true"
      :headers="headers"
      style="display: inline-block; vertical-align: top"
      :file-list="photos"
    >
      <el-image v-if="!value" :src="value">
        <div slot="error" class="image-slot"><i class="el-icon-plus" /><