vue多个独立页面的路由交互实现方法及装置、设备、介质制造方法及图纸

本申请涉及vue多个独立页面的路由交互实现方法及装置、设备、介质，方法包括：通过vue框架构建的web项目，并配置多页面入口；在每个页面的入口文件中配置路由信息；在主页面中配置多个路由链接，以提供多个导航按钮设置路由路径的Cookie，每个按钮链接到不一样的独立页面；定时获取Cookie的信息，如果路由路径发生变化，路由导航到Cookie所携带的路由路径下，显示对应的页面内容。本发明专利技术提供了一种基于cookie实现vue多个独立页面的路由交互实现方法，通过Cookie来达到在某一个独立页面上通过vue路由控制其他独立页面的路由跳转，为用户的使用提供了方便。

【技术实现步骤摘要】
vue多个独立页面的路由交互实现方法及装置、设备、介质
本申请涉及页面的路由交互
，特别是涉及一种基于cookie实现vue多个独立页面的路由交互实现方法及装置、计算机设备、可读存储介质。
技术介绍
Vue路由(VueRouter)是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转。现有技术中通过vue框架(vue是一套构建用户界面的渐进式框架)构建的大部分web项目都只有一个独立的页面，vue路由通过url的hash(#)来实现不同页面的切换；现有技术中由于项目的需求，一个项目需要多个独立页面，然后在某一个独立页面上通过vue路由控制其他独立页面的路由跳转，然而多个独立页面的vue都是独立的，无法共用一个vue路由，即在某一个独立页面上只能控制本页面的路由跳转，给用户的操作使用不方便。因此，现有技术有待改进。
技术实现思路
本专利技术要解决的技术问题是，提供一种本文档来自技高网...

【技术保护点】
1.一种基于cookie实现vue多个独立页面的路由交互实现方法，其特征在于，所述方法包括：/n通过vue框架构建的web项目，并配置多页面入口；/n在每个页面的入口文件中配置路由信息；/n在主页面中配置多个路由链接，以提供多个导航按钮设置路由路径的Cookie，每个按钮链接到不一样的独立页面；/n定时获取Cookie的信息，如果路由路径发生变化，路由导航到Cookie所携带的路由路径下，显示对应的页面内容。/n

【技术特征摘要】
1.一种基于cookie实现vue多个独立页面的路由交互实现方法，其特征在于，所述方法包括：
通过vue框架构建的web项目，并配置多页面入口；
在每个页面的入口文件中配置路由信息；
在主页面中配置多个路由链接，以提供多个导航按钮设置路由路径的Cookie，每个按钮链接到不一样的独立页面；
定时获取Cookie的信息，如果路由路径发生变化，路由导航到Cookie所携带的路由路径下，显示对应的页面内容。


2.根据权利要求1所述基于cookie实现vue多个独立页面的路由交互实现方法，其特征在于，所述通过vue框架构建的web项目，并配置多页面入口的步骤包括：
通过vue框架构建web项目；
在vue.config.js文件中配置多页面入口；
配置每个页面都有一个独立的html文件和入口文件main.js。


3.根据权利要求1所述基于cookie实现vue多个独立页面的路由交互实现方法，其特征在于，所述在每个页面的入口文件中配置路由信息的步骤包括：
在每个页面的入口文件中配置路由信息，配置路由的路径、名称、路由下显示的页面组件；
如果有子路由则配置子路由的路径、名称、子路由下显示的页面组件。


4.根据权利要求1所述基于cookie实现vue多个独立页面的路由交互实现方法，其特征在于，所述在主页面中配置多个路由链接，以提供多个导航按钮设置路由路径的Cookie，每个按钮链接到不一样的独立页面的步骤包括：
在主页面中配置路由链接，包括router-link，路由导航，指定路由路径，点击即可跳转到对应路由下的组件，生成导航按钮；
通过导航按钮设置路由路径的Cookie；
配置每个按钮链接到不一样的独立页面。


5.根据权利要求1所述基于cookie实现vue多个独立页面的路由交互实现方法，其特征在于，所述定时获取Cookie的信息，如果路由路径发生变化，路由导航到Cookie所携带的路由路径下，显示对应的页面内容的步骤包括：
左右两...

【专利技术属性】
技术研发人员：林小玲，吴闽华，姜坤，卫宣安，
申请(专利权)人：深圳市震有软件科技有限公司，
类型：发明
国别省市：广东;44