Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

SPA multi-tab management method based on VUE

A management method and tab technology, applied in the field of WEB development, can solve problems such as poor user operation and user experience

Active Publication Date: 2021-04-20
FUJIAN NEWLAND SOFTWARE ENGINEERING CO LTD
View PDF5 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] However, in traditional multi-tab solutions based on Vue-Router and Vuex, each tab corresponds to a routing configuration. In complex business WEB applications, there may be dozens or even hundreds of pages, and corresponding routing and Tabs, too many tabs are extremely bad for user operations and user experience

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • SPA multi-tab management method based on VUE

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0043] The general idea of ​​the technical solution in the embodiment of this application is as follows: In the routing configuration of each page, add the same page name attribute, and manage scripts, page routing sets, cached page sets, and non-cached page sets through multiple tabs Combined, for pages associated with the same page name, when opening the page with the same tab, replace the routing object associated with the corresponding tab in the tab routing collection, and move the replaced routing object information from the cached page collection Delete, store the replaced routing object information in the non-cached page collection, clear the cache of the replaced page, store the routing object information of the opened page in the cached page collection and cache the open page component, and realize a tab to associate multiple pages , but each tab only caches the page associated with the currently opened tab, effectively reducing the total number of tabs in a multi-tab...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention provides an SPA multi-tab management method based on VUE in the technical field of WEB development. The SPA multi-tab management method comprises the steps of: S10, creating a tab routing set, a cache page set and a non-cache page set; S20, opening the page, generating a tab, storing the tab and the routing object into a tab routing set, activating a page component, caching the opened page, and storing the cached opened page into a cached page set to finish tab opening; S30, replacing the routing object of the tab in the tab routing set with an opened routing object, and storing a page corresponding to the opened routing object into a cache page set to complete page component replacement; S40, switching the activated page components to complete tab switching; and S50, deleting the tabs and the corresponding routing objects from the tab routing set, adding the pages to the non-cached page set, and clearing the cache to finish closing the tabs. The method has the advantages that on the premise that basic functions of the tabs are met, the number of the tabs is greatly reduced, and then the user experience is improved.

Description

technical field [0001] The invention relates to the technical field of WEB development, in particular to a VUE-based SPA multi-tab management method. Background technique [0002] In the field of WEB applications, it is often necessary to switch and operate back and forth between multiple pages, and at the same time, it is necessary to retain the operation data of each page. Such multi-page operations are usually managed by using multiple tabs, and page jumps are performed within the tabs. , return, etc., and cache the data of the pages in each tab at the same time to ensure that the previous data can be retained when each tab is switched. [0003] Nowadays, more and more WEB applications adopt the single-page application (SPA) model. The three popular SPA frameworks include React, Vue, and Angular. Favored by front-end developers. Conventional SPA applications clean up the old page data when the page is switched, so it usually needs to be managed by some routing component...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F16/955G06F16/957G06F9/445
CPCY02D10/00
Inventor 叶孙龙钟家顺周志武徐增慧钟清江
Owner FUJIAN NEWLAND SOFTWARE ENGINEERING CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com