Vue之多图上传 _上传

最近做的项目涉及到了上传多张图片，基本功能都实现了，能添加多张图片，也能编辑删除图片，但是上传的时候，每次点加号，在文件中选中图片后，渲染的时候总是重复刷新一下。
组件 .vue 如下:



文章插图

/*去除upload组件过渡效果*/.el-upload-list__item {transition: none !important;}.hide>>>.el-upload--picture-card {display: none;}

/v1/admin/common/upload 这个路径下的接口：

文章插图
【Vue之多图上传】

@PostMapping("/upload")@ResponseBodypublic AjaxResult uploadImg(@RequestParam("file") MultipartFile fileupload){if(fileupload != null){String path = OssFileUtils.uploadSingleFile(fileupload);//上传图片return AjaxResult.success(path);}else {return AjaxResult.error();}}/*** @ClassName: DesignFileUtils* @Description: 文件操作工具类* @Author: * @Date: * @Version 1.0**/public class OssFileUtils {/*** @Title: uploadSingleFile* @Description:单个文件上传* @Author:* @param: file* @Date: * @return: java.lang.String 成功返回 文件路径，失败返回null* @throws: */public static String uploadSingleFile(MultipartFile file){if(file == null){log.error("单文件上传失败，文件为空");return null;}try {return OssUtil.upload(OssUtil.generateKey(file.getOriginalFilename()),file.getBytes());} catch (Exception e) {log.error("单文件上传异常【"+file+"】",e);}return null;}}

找了很久也不知道是哪里导致的，直到把引用这个组件的地方改了，它就好了。之前在引用组件时还写了很多参数，现在只剩下 v-model="." 就正常了。