vue 之 computed方法自带缓存踩坑1
2024-10-21 19:36:20
使用场景:ant-vue 穿梭框使用
页面使用computed方法处理组织结构数据,退出页面时,对加载数据做了set null 操作,再次进入页面时,穿梭框只显示数据,无法做左右穿梭功能。
原因:computed方法在页面初始化时执行,且只执行一次,并会将方法内的数据进行缓存。退出页面做了数据清除工作,但并为清楚缓存数据,导致两边数据冲突,穿梭框数据并未正常渲染。
解决办法:取消退出页面时组件数据的set null操作,在打开页面时对重新加载的组件数据做是否存在判断,若不存在,再重新获取数据进行渲染。
最新文章
- SpringMVC拦截器的使用
- idea转eclipse 设置注意。
- kendoui treeview grid spreadsheet
- wifi 驱动移植范例
- js脚本语言基础和数组
- js获取ifram对象
- Hosts文件是什么?
- http://f.dataguru.cn/forum.php?mod=viewthread&;tid=44212&;fromuid=4771
- 关于scroll无法绑定的问题
- 【iOS知识学习】_如何判断手机是否为静音模式
- Node.js入门 NPM
- HDU 5768 Lucky7 (容斥原理 + 中国剩余定理 + 状态压缩 + 带膜乘法)
- Android 4.0 ICS SystemUI浅析——StatusBar结构分析
- PHPExcel-1.8导出
- Bitmap的加载与缓存
- Spring Cloud Eureka Server高可用注册服务中心的配置
- 大受喜欢安卓触控一体机连接云端数据化管理提供例程DEMO
- .net core 中的 DependencyInjection - IOC
- [Bayes] Metroplis Algorithm -->; Gibbs Sampling
- 【Python】脚本运行报错:IndentationError: unindent does not match any outer indentation level
热门文章
- 反序列化 sqlserver 中的 sysdiagrams,找到其中包含的表的信息
- 在CentOS下安装nginx+php环境
- JS计算加减乘除出现多位小数的解决方法
- nrm ls报错及npm镜像站点测速、切换
- 第14章 身份验证:使用Identity将用户添加到应用程序(ASP.NET Core in Action, 2nd Edition)
- 《JavaScript高级程序设计》Chapter03 JavaScript语言基础
- java的内存模型,jmm理解和(GC)垃圾回收时机。
- 【再学WPF】模板
- 1006.Django模型基础01
- Spring AOP @before@after@around@afterreturning@afterthrowing执行顺序