2020
09-24
09-24
Vue中keep-alive 实现后退不刷新并保持滚动位置
什么是KeepAlive?首先,我们要明确我们谈的是TCP的KeepAlive还是HTTP的Keep-Alive。TCP的KeepAlive和HTTP的Keep-Alive是完全不同的概念,不能混为一谈。实际上HTTP的KeepAlive写法是Keep-Alive,跟TCP的KeepAlive写法上也有不同。TCP的keepalive是侧重在保持客户端和服务端的连接,一方会不定期发送心跳包给另一方,当一方端掉的时候,没有断掉的定时发送几次心跳包,如果间隔发送几次,对方都返回的是RST,而不是ACK,那么...
继续阅读 >
这出现的原因是多级路由导致的,就是router-view嵌套在层级不同的router-view中切换tag会出现缓存数据失效的问题。目前keep-alive可以有效缓存一级,二级的路由菜单,3级以上菜单并不能做到缓存,这里提供一个解决方案:在cachedViews中手动加上一级菜单和三级菜单之间,缺失的二级菜单的名字,这样二级菜单下的组件就会缓存了实列代码如下:const_import=require('@/router/_import_prodection');//获取组件的方法import{tre...