首页 > 其他分享 >页面保活实现思路

页面保活实现思路

时间:2023-12-21 09:55:05浏览次数:29  
标签:toPaths 保活 aliveComps 跳转 思路 列表 页面

1. 页面保活应用场景

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

2. 页面保活实现思路

2.1 不跳转

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

2.2 vue单页面

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

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

标签:toPaths,保活,aliveComps,跳转,思路,列表,页面
From: https://www.cnblogs.com/mengff/p/17918345.html

相关文章

  • uniapp开发——未登录登录失效页面登录后页面回调的处理
    刚开始默认沿用了前边小程序的做法,即在单击事件或者onHide函数中缓存标识,onShow中读取标识,对必要的业务逻辑进行重新请求。具体代码如下:微信小程序登录后页面回调的处理方案:1.缓存回调刷新标识:单击事件中设置:methods:{onSubmit(){this.setData({i......
  • 鸿蒙开发之初页面UIAbility
    UIAbility类似于一个整体的应用声明入口,比如小程序的app.js,比如安卓端的activity正常页面开发使用的是一个UIAbility即可,然后在一个UIAbility里面通过路由的形式进行跳转 关于路由导入importrouterfrom'@ohos.router'; 跳转router.pushUrl({url:'pag......
  • PDF文件打开时,总是定位到某个特定页面
    PDF文件正常打开时,会默认显示第一页,或者默认显示上次关闭时停留的页面。但是某个PDF特别奇怪,打开它时,总是显示在某个特定页面。当我把这个页移动到开头时,打开文档就定位到开头;当我把这个页移动到结尾时,打开文档就定位到结尾;当我把它移动到第3页,打开文档就定位到第3页。但是我......
  • vue3 实现用户登录和权限验证思路梳理
    2023-12-20星期三一、用登录和退出问题1登录 思路一: 1.1login登录页面,将token存储本地中。 1.2前置路由守卫获取token并验证, 1.3前置路由从缓存中获取用户的访问权限,并生成动态路由。 1.4aixos请求拦截器,从存储中获取存储的token,在所有请求前,设置请求头 思......
  • 页面缓存
    页面缓存根据需求分为以下3类类小程序:根据用户的跳转方法来决定如何操作页面缓存堆栈历史记录:根据用户访问的历史记录缓存一定数量的页面,超过限定数量时采用新进先出面包屑:根据面包屑结构,缓存当前页面的祖先页面类小程序需要解决的问题实现以下常用跳转方法navigateTo......
  • 三道初三数学模拟几何综合题的解题思路解析
     ......
  • 微课设计思路是什么?微课如何设计?
      微课设计方案在微课拍摄和制作中非常关键,其重要性好比是电影拍摄中的编剧和常规课堂教学中的备课。那么微课的设计思路是什么呢?  一、精心进行教学设计  确定选题  微课作为一种媒体,内容的设计要适合使用多媒体特性,对于不适合使用多媒体表达的内容,制作的结果也许是徒劳......
  • 避坑合集|芝麻免押失败排查思路超详细总结(小程序场景)
    在使用小程序对接芝麻免押时,遇到了一些报错,估计把这个接口的坑都踩了个遍,这篇汇总一下我在芝麻免押上遇到的免押失败问题合集,大家注意避坑~对接流程......
  • 做一个wiki页面是体验HTML语义的好方法
    HTML语义:如何运用语义类标签来呈现Wiki网页在上一篇文章中,我花了大量的篇幅和你解释了正确使用语义类标签的好处和一些场景。那么,哪些场景适合用到语义类标签呢,又如何运用语义类标签呢?不知道你还记不记得在大学时代,你被导师逼着改毕业论文格式的情景,如果你回想一下,你在论文中使......
  • 第二章:SpringMVC的配置文件(web.xml)及访问页面
    一、开发环境二、创建maven工程三、默认方式配置web.xml四、扩展方式配置web.xml五、创建控制器六、配置springMVC配置文件七、访问首页八、访问指定页面九、总结......