在使用el-upload组件时,如果使用自定义上传http-request,文件列表file-list是无法自动更新的,需要将文件地址手动push进绑定的file-list中
file-list的官方说明是这样的
上传的文件列表, 例如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/xxx.jpg'}]
然而,按照{name,url}的格式push进入绑定数组后,UI会出现图片反复左右跳动的问题
原因是因为el-upload是用uid做上传列表遍历的key,然后transition-group动画是根据key来的,如果操作了fileList,没有传入uid,导致el-upload的uid重新生成,导致动画过渡有问题
只需要在push时加入一个uid就可以解决了