申请/专利权人:西安西热电站信息技术有限公司
申请日:2020-11-23
公开(公告)日:2024-03-19
公开(公告)号:CN112463121B
主分类号:G06F8/20
分类号:G06F8/20;G06F16/957
优先权:
专利状态码:有效-授权
法律状态:2024.03.19#授权;2021.03.26#实质审查的生效;2021.03.09#公开
摘要:基于vue多页签应用系统中持久化外部页面状态的方法,其特征在于,具体步骤如下:步骤一:在路由系统中增加捕获函数,当用户操作页签之后,触发路由切换,路由系统在发现路由切换后通知捕获函数捕获当前加载的页签;步骤二:捕获函数首先判断页签中是否有iframe组件;如果没有,则不会干涉页签的加载;如果有,首先会截获页签,然后对页签有以下几种不同操作方式,即通过隐藏和显示iframe组件来模拟页签的添加、关闭、激活、休眠的效果;在使用vue技术开发多页签应用系统的时候,通过本发明可以解决其无法缓存外部页面的缺陷,提高用户体验和开发效率。
主权项:1.基于vue多页签应用系统中持久化外部页面状态的方法,其特征在于,具体步骤如下:步骤一:在路由系统1中增加捕获函数2,当用户操作页签3之后,触发路由切换,路由系统1在发现路由切换后通知捕获函数2捕获当前加载的页签3;步骤二:捕获函数2首先判断页签3中是否有iframe组件4;如果没有,则不会干涉页签3的加载;如果有,首先截获页签3,然后对页签3有以下几种不同操作方式,即通过隐藏和显示iframe组件4来模拟页签3的添加、关闭、激活、休眠的效果;所述的模拟页签3的添加,具体为:当添加页签3时,由于dom组件存储器5是常驻于界面顶部的隐藏层,捕获函数2向dom组件存储器5发出复制命令;与此同时,dom组件存储器5判断需要复制的iframe组件4是否存在;如果存在,则显示在dom组件存储器5中的iframe组件4,并隐藏其它的组件;如果不存在,则先将iframe组件4复制到dom组件存储器5中,然后显示这个iframe组件4,并隐藏其它组件;所述的模拟页签3的关闭,具体为:当关闭页签3时,捕获函数2通知dom组件存储器5删除页签3中的iframe组件4,dom组件存储器5在接收到删除命令后,首先隐藏iframe组件4,然后从dom组件存储器5中删除iframe组件4;所述的模拟页签3的激活,具体为:当激活页签3时,捕获函数2通知dom组件存储器5隐藏所有的iframe组件4,然后显示页签3中的iframe组件4;所述的模拟页签3的休眠,具体为:当休眠页签3时,捕获函数2通知dom组件存储器5隐藏页签3中的iframe组件4;所述的捕获函数2是在vue的前置路由守卫中嵌入的一个功能模块,能够通过截获路由来获取页签3中的iframe组件4,并后续处理页签3的多种操作方式。
全文数据:
权利要求:
百度查询: 西安西热电站信息技术有限公司 基于vue多页签应用系统中持久化外部页面状态的方法
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。