页面保活实现思路

发布时间 2023-12-21 09:55:20作者: 看风景就

1. 页面保活应用场景

列表页面跳转到详情页面,要保留列表页面分页后的页码,搜索到的数据,搜索键值,高亮状态,甚至是页面上其他表单的内容等。

2. 页面保活实现思路

2.1 不跳转

用抽屉或模态框编辑详情,不离开列表页,最佳

2.2 vue单页面

可以使用 <KeepAlive> 组件缓存页面。配合KeepAlive的:include属性,是个数组,假定为aliveComps,在route的meta中,存储页面保活的限制信息,例如toPaths=['/detail'],只有在to的path在toPaths中时候,才缓存页面,即加入到aliveComps中,否则aliveComps中删除它。这样就可以实现只在需要的时候才保活页面。

详细可参考 极致舒适的Vue页面保活方案