美文网首页
el-upload上传图片替换地址会闪动上传框

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

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-08-31 12:16 被阅读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);
    },

相关文章

网友评论

      本文标题:el-upload上传图片替换地址会闪动上传框

      本文链接:https://www.haomeiwen.com/subject/tblzmdtx.html