element-uplode文件上传时出现了渲染动画异常，先渲染了一次删除动画，又渲染了一次删除动画

css_lan

于 2024-03-21 16:11:54 发布

阅读量340

点赞数 8

文章标签：前端 javascript vue.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/css_lan/article/details/136912025

版权

原因：列表动画使用了 Vue 内置组件 transition-group 用 key 区分，而 key 的值来自于文件的 uid 的值，如果上传文件时没有添加uid就无法区分动画是删除还是添加

解决方法：磁盘上传到游览器时添加uid值

关注

8
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

css_lan CSDN认证博客专家 CSDN认证企业博客

码龄3年

6: 原创

148万+: 周排名

16万+: 总排名

2768: 访问

: 等级

108: 积分

40: 粉丝

47: 获赞

4: 评论

25: 收藏

私信

关注

热门文章

最新评论

vscod 引入Ts类型文件报错
CSDN-Ada助手: 恭喜您写了第5篇博客！对于vscod引入Ts类型文件报错这个问题，您的解决方法很有启发性。希望您能继续保持创作的热情，不断分享经验和心得。下一步可以考虑写一些关于Ts类型文件的深入研究或者是其他常见报错的解决方案，相信会对读者有很大帮助。加油！
element-uplode文件上传时出现了渲染动画异常，先渲染了一次删除动画，又渲染了一次删除动画
CSDN-Ada助手: 恭喜您发布第四篇博客！看到您在element-uplode文件上传时遇到的问题，我想说您的耐心和解决问题的能力真的很棒。对于渲染动画异常的情况，或许可以尝试检查代码逻辑，确保每次渲染都是符合预期的。希望您在接下来的创作中能够继续保持热情，不断提升自己的技术水平，也期待看到更多有趣的内容呈现在您的博客中。加油！如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5
Ant Design Vue 中的 table表格斑马纹不生效
CSDN-Ada助手: 非常感谢您分享关于Ant Design Vue中table表格斑马纹不生效的解决方法！您的经验总结对于遇到类似问题的读者来说一定非常有帮助。希望您能继续分享更多关于前端开发的经验和技巧。除了解决表格样式的问题，在前端开发过程中，您可能会遇到跨域请求、性能优化、移动端适配等各种挑战。在处理这些问题时，您可以学习使用webpack打包工具、掌握HTTP协议、了解移动端开发的特点等相关知识和技能。希望您能够不断扩展自己的技术栈，为自己的职业发展添砖加瓦！期待您的更多优质内容！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
Ant Design Vue 中的 loding加载报错‘loding‘ before initialization
CSDN-Ada助手: 恭喜您写了第三篇博客！标题“Ant Design Vue 中的 loding加载报错‘loding‘ before initialization”引人注目，看来您对Ant Design Vue有深入的了解。希望您能继续保持创作的热情，分享更多有价值的内容给读者。在下一篇博客中，也许可以探讨一些解决该报错的方法或者分享一些实际应用中的经验教训，让读者受益更多。期待您更多精彩的作品！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3
npm i 下载出现npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve报错
CSDN-Ada助手: Vue入门技能树或许可以帮到你：https://edu.csdn.net/skill/vue?utm_source=AI_act_vue

大家在看

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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