el-upload上传图片替换地址会闪动上传框

2023-08-31  本文已影响0人  扶得一人醉如苏沐晨

通常上传完图片会把本地fileList中的url替换成图片服务器的url,在替换过程中没有唯一标识,则造成了这种闪屏情况。

   handleUploadSuccess(response, file, fileList) {
      if (response.code === 0) {
        /* 服务器的返回file对象 */
        const serveFile = response.data;
        this.fileList.push({
          uid: file.uid, //取出组件生成的uid 解决上传闪动的问题
          url: serveFile.url,
          fileName: serveFile.fileName,
        });
        this.$emit("uploadSuccess", this.fileList);
      } else {
        this.$message.error(response.msg);
      }
    },

二、补充

处理删除图片的回调时,,可以直赋值
handleDelete的第二个参数此时的fileList是我们上传成功处理的那个数组----并且帮我们删除过了

  // 删除图片
    handleDelete(file, fileList) {
      /* fileList是我们上传成功处理的那个数组----并且帮我们删除了 */
      this.fileList = fileList;
      this.$emit("delSuccess", fileList);
    },
上一篇 下一篇

猜你喜欢

热点阅读