页面保活实现思路
1. 页面保活应用场景
列表页面跳转到详情页面,要保留列表页面分页后的页码,搜索到的数据,搜索键值,高亮状态,甚至是页面上其他表单的内容等。
2. 页面保活实现思路
2.1 不跳转
用抽屉或模态框编辑详情,不离开列表页,最佳
2.2 vue单页面
可以使用 <KeepAlive> 组件缓存页面。配合KeepAlive的:include属性,是个数组,假定为aliveComps,在route的meta中,存储页面保活的限制信息,例如toPaths=['/detail'],只有在to的path在toPaths中时候,才缓存页面,即加入到aliveComps中,否则aliveComps中删除它。这样就可以实现只在需要的时候才保活页面。
详细可参考 极致舒适的Vue页面保活方案