首页 > 代码库 > vue-pos 缓存问题
vue-pos 缓存问题
缓存问题:
1: 问题描述: 如果某个页面用了 $destroy 方法销毁页面的所有信息,那么在次进该页面,将不会有缓存,就算有<keep-alive> 属性
解决方案 : 注册一个init方法,如果返回不调用,跳转就调用,在该方法实现初始化操作,具体步骤如下
a : 添加1个实例方法,用于路由跳转,方法的目的就是传入参数,用于标识是跳转,还是返回
b : 在需要缓存的组件添加一个方法 init ,
c : 注入全局组件:mixin , 组件添加activated 方法,该方法不管返回还是跳转都会调用,方法里面获取标识,
如果标识是true,并且当前组件有方法init ,就说明是跳转,调用初始化方法 init , 否则是返回不调用
2: 问题描述 : 有一个A页面使用了缓存,当从别的页面返回到A页面时, A页面绑定的有些事件,例如监听输入框输入事件:"input",监听点击触摸屏事件:"touchstart" 会出错
解决方案 : 缓存页面只是缓存页面的数据,不会缓存状态,重新进入缓存页面,要对页面的data数据进行重新赋值,可以循环当前data,做深拷贝赋值
vue-pos 缓存问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。