el-upload上传的问题?

image.png

图都没上传,点击编辑的时候出现这样的问题

下图是手动去掉,才回有+ ,
image.png

代码如下:

<el-upload
  action="#"
  :limit="1"
  v-loading="loading"
  list-type="picture-card"
  :auto-upload="false"
  :class="{ disabled: uploadDisabled }"
  accept="image/png, image/jpg, image/jpeg"
  :file-list="fileList"
  :on-remove="handleRemove"
  :on-preview="handleCoverpicture"
  :on-change="handleUpUpload"
  ref="uploadFile"
>
  <i class="el-icon-plus"></i>
</el-upload>

js代码:

handleRemove(file, fileList) {
  this.uploadDisabled = false;
  this.fileList = fileList;
  this.$emit("onChangImg", this.fileList);
  this.$message.success("已移除");
},
handleCoverpicture(file) {
  this.dialogVisibleAvatarImg = file.url;
  this.dialogVisibleAvatar = true;
},

期望是点击编辑弹框默认是+号,而不是第一个图一样

阅读 1.3k
1 个回答

盲猜 fileList 是有值的。

如果是组件更新问题,可以加 :key 强制更新

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题