通常上传完图片会把本地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);
},
网友评论