网站首页 编程技术 正文

vue 之 computed方法自带缓存踩坑1

2023-05-15编程技术162299

使用场景：ant-vue 穿梭框使用

页面使用computed方法处理组织结构数据，退出页面时，对加载数据做了set null 操作，再次进入页面时，穿梭框只显示数据，无法做左右穿梭功能。

原因：computed方法在页面初始化时执行，且只执行一次，并会将方法内的数据进行缓存。退出页面做了数据清除工作，但并为清楚缓存数据，导致两边数据冲突，穿梭框数据并未正常渲染。

解决办法：取消退出页面时组件数据的set null操作，在打开页面时对重新加载的组件数据做是否存在判断，若不存在，再重新获取数据进行渲染。

vue 之 computed方法自带缓存踩坑1的相关教程结束。

本文地址：https://www.ufcn.cn/tutorials/2641207.html

如非特殊说明，本站内容均来自于网友自主分享，概不代表本站观点，如有任何问题我们都将在收到反馈后的第一时间进行处理！