[发明专利]基于vue多页签应用系统中持久化外部页面状态的方法

权利要求书

1.基于vue多页签应用系统中持久化外部页面状态的方法，其特征在于，具体步骤如下：

步骤一：在路由系统(1)中增加捕获函数(2)，当用户操作页签(3)之后，触发路由切换，路由系统(1)在发现路由切换后通知捕获函数(2)捕获当前加载的页签(3)；

步骤二：捕获函数(2)首先判断页签(3)中是否有iframe组件(4)；如果没有，则不会干涉页签(3)的加载；如果有，首先截获页签(3)，然后对页签(3)有以下几种不同操作方式，即通过隐藏和显示iframe组件(4)来模拟页签(3)的添加、关闭、激活、休眠的效果。

2.根据权利要求1所述的基于vue多页签应用系统中持久化外部页面状态的方法，其特征在于，所述的模拟页签(3)的添加，具体为：

当添加页签(3)时，由于dom组件存储器(5)是常驻于界面顶部的隐藏层，捕获函数(2)向dom组件存储器(5)发出复制命令；与此同时，dom组件存储器(5)判断需要复制的iframe组件(4)是否存在；如果存在，则显示在dom组件存储器(5)中的iframe组件(4)，并隐藏其它的组件；如果不存在，则先将iframe组件(4)复制到dom组件存储器(5)中，然后显示这个iframe组件(4)，并隐藏其它组件。

3.根据权利要求1所述的基于vue多页签应用系统中持久化外部页面状态的方法，其特征在于，所述的模拟页签(3)的关闭，具体为：

当关闭页签(3)时，捕获函数(2)通知dom组件存储器(5)删除页签(3)中的iframe组件(4)，dom组件存储器(5)在接收到删除命令后，首先隐藏iframe组件(4)，然后从dom组件存储器(5)中删除iframe组件(4)。

4.根据权利要求1所述的基于vue多页签应用系统中持久化外部页面状态的方法，其特征在于，所述的模拟页签(3)的激活，具体为：

当激活页签(3)时，捕获函数(2)通知dom组件存储器5隐藏所有的iframe组件(4)，然后显示页签3中的iframe组件(4)。

5.根据权利要求1所述的基于vue多页签应用系统中持久化外部页面状态的方法，其特征在于，所述的模拟页签(3)的休眠，具体为：

当休眠页签(3)时，捕获函数(2)通知dom组件存储器(5)隐藏页签(3)中的iframe组件(4)。

6.根据权利要求1所述的基于vue多页签应用系统中持久化外部页面状态的方法，其特征在于，所述的捕获函数(2)是在vue的前置路由守卫中嵌入的一个功能模块，能够通过截获路由来获取页签(3)中的iframe组件(4)，并后续处理页签(3)的多种操作方式。