Avue3 类型 upload 查看的时候没有照片

        {
          label: '品牌图标',
          prop: 'icon',
          type: 'upload',
          listType: 'picture-img',
          span: 24,
          fileType: 'img',//img/video/audio
          propsHttp: {
            res: 'data',
            url: 'link',
          },
          // tip: '只能上传jpg/png用户头像，且不超过500kb',
          action: '/kc-resource/oss/endpoint/put-file'
        },

输入图片说明

给个临时解决方案吧项目着急上

我也出现了这个问题

listType 的三个类型中：1: listType: 'picture' , 2: listType: 'picture-card', 3 : listType: 'picture-img', 其他都正常就 ‘picture-img’会出现

Avue版本："^3.2.21"和"^3.2.21"
Element-plus版本 : "^2.4.0"和"^2.4.2"
Vue版本： "^3.3.6" 和 "^3.3.8",

  <template #icon-form="row">
    <div   style="height: 100px;" :style="{'margin': row.type =='view'?'10px 0':0}">
      <el-upload
          :headers="headers"
          :on-success="bannerUploadSuccess"
          class="avatar-uploader"
          :action="uploadUrl()"
          :show-file-list="false"
          :disabled="row.type =='view'"
      >
        <img v-if="form.icon&&form.icon.length"  :src="form.icon" class="avatar" style="width: 100px" />
        <el-icon v-else  class="avatar-uploader-icon"><Plus /></el-icon>

      </el-upload>
    </div>
  </template>

输入图片说明

  bannerUploadSuccess(res, file) {
    if (typeof this.form.icon == "array") {
      this.form.icon.push(res.data.link)
    }else{
      this.form.icon=res.data.link
    }

  },

临时先这样用吧

输入图片说明

希望作者尽快修复

还有就是 select 类型鼠标移动上去有边框

3.2.23版本修复

零时解决方案，修改css即可

.el-upload>.el-button,.el-upload__tip{
      display: none;
    }

原来我写了一下午的插槽一句话就完事了

多张图片变成了展示第一张了

这样加入样式还是会出现问题，在存在多张图片的是时候，只会展示一张了

这是'picture' , 'picture-card'展示
这是'picture-img'展示

picture-img本身就会展示一张的，多张用picture-card

输入图片说明

css 应该去哪里改呢?
改完后查看依旧是不好用

GVP smallwei / Avue

内容风险标识

评论 (14)

GVPsmallwei / Avue

内容风险标识

Avue3 类型 upload 查看的时候 没有照片

评论 (14)

搜索帮助

GVP smallwei / Avue

Avue3 类型 upload 查看的时候没有照片