el-upload使用http-request上传时UI跳动

在使用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就可以解决了

el-upload上传组件遇到的问题

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值