-
在Vue中使用类似React-Router的缓存机制进行路由管理,如react-router-cache-route
资源介绍
缓存路由
英文|
使用缓存为Vue中的keep-alive类的react-router 。
如果只想要 ,请尝试
React v15 +
React-Router v4 +
问题
使用Route ,前进或后退时无法缓存组件,这会导致数据丢失和交互
原因与解决方案
Route不匹配时,组件将被卸载
阅读源代码之后Route ,我们发现使用children撑起一个功能,可以帮助控制呈现行为。
隐藏而不是删除将解决此问题。
安装
npm install react-router-cache-route --save
# or
yarn add react-router-cache-route
用法
用CacheRoute替换Route
用CacheSwitch替换Switch (因为Switch仅保留第一个匹配的状态路由,并卸载其他匹配状态的路由)
impor