2024-09-20 如何去除vue前端框架upload组件中的缓存 ==》v-if+setTimeout
在很多前端框架中的upload组件,比如arco-design的a-upload组件,在遍历渲染过程中会发现上传完成后,切换到另一个a-upload组件,它的图片会显示上一个a-upload组件的缓存
正常上传,然后点击红色,红色对应的图片应该被清空,实际上却并没有,如下
解决方案:给a-upload组件加一个条件判断v-if,绑定一个变量status,点击红色的时候改变status为false,再写一个定时器,如1.5秒后执行status为true,显示a-upload组件;
注意:定义器可以不填时间,它会直接执行,体验更好,还有不加定义器的话是没有效果的。
效果如下:
参考代码:
sloading.value = false;
// ...
setTimeout(() => {
sloading.value = true;
});
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
2022-09-20 2022-09-20 'stylus' 不是内部或外部命令,也不是可运行的程序或批处理文件。