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

A method for realizing multi-page switching based on vue

A multi-page, page technology, applied in the direction of network data browsing optimization, website content management, instruments, etc., to achieve the effect of convenient long-term use, fast reading, and pressure reduction

Inactive Publication Date: 2019-01-18
安徽智恒信科技股份有限公司
View PDF3 Cites 17 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0006] Aiming at the problem of repeated requests to load existing multi-page switching data, the present invention provides a method for realizing multi-page switching based on Vue

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
  • A method for realizing multi-page switching based on vue
  • A method for realizing multi-page switching based on vue
  • A method for realizing multi-page switching based on vue

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0060] This embodiment provides a method for realizing multi-page switching based on vue. figure 1 It is a flow chart of multi-page switching in the embodiment of the present invention, such as figure 1 As shown, the flowchart includes the following steps:

[0061] Step 1: Store the accessed page data in the vue cache mechanism;

[0062] Step 2: Determine whether the new page exists in the vue cache mechanism according to the page data of the new page;

[0063] Step 3: If it is judged that the new page exists in the vue cache mechanism, read it directly from the vue cache mechanism; if it judges that the new page does not exist in the vue cache mechanism, put the page data of the new page into the vue cache mechanism;

[0064] Step 4: Close the application page according to the application logic of the page, and determine whether the closed application page is the currently displayed page;

[0065]Step 5: If it is judged that the closing application page is not the current ...

Embodiment 2

[0076] refer to figure 2 , embodiment 2 is a method for realizing multi-page switching based on vue, the basic method steps are the same as embodiment 1, figure 2 It is a flow chart for page opening / switching, the difference is that the flow chart includes the following steps:

[0077] Step SA1: Determine the Uniform Resource Locator url corresponding to the new page;

[0078] Step SA2: according to the URL corresponding to the new page, specify the route corresponding to the URL;

[0079] Step SA3: According to the route corresponding to the uniform resource locator url, specify the page component corresponding to the route;

[0080] Step SA4: Associate the URL, route, and page component corresponding to the new page through the router.js file, so as to clarify the route and page component corresponding to the new page, and facilitate direct reading in later use;

[0081] Step SA5: According to the route corresponding to the new page, judge whether the corresponding rout...

Embodiment 3

[0084] refer to image 3 , embodiment 3 is a method for realizing multi-page switching based on vue, the basic method steps are the same as embodiment 1, image 3 It is a flow chart of page closing, the difference is that the flow chart includes the following steps:

[0085] Step SB1: Close the route corresponding to the application page, and delete the route address corresponding to the application page from the route address array in the vue cache mechanism;

[0086] Step SB2: Determine whether the page component data of the application page exists in the page component data array in the vue cache mechanism, if it exists in the page component data array in the vue cache mechanism, then transfer the page component data of the application page from the vue cache mechanism Delete it from the page component data array in , and then close the application page; if it does not exist in the page component data array in the vue cache mechanism, close the application page directly. ...

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 discloses a method for realizing multi-page switching based on vue, belonging to the technical field of computer web development. The multi-page switching adopts a vue caching mechanism.The method comprises the following steps: putting the accessed page data into the vue caching mechanism; determining whether the new page exists in the vue caching mechanism; if it is determined thatthe new page exists in the vue caching mechanism, directly reading the new page from the vue caching mechanism; if it is judged that the new page does not exist in the vue caching mechanism, puttingthe page data of the new page into the vue caching mechanism; closing application page. The invention avoids repeated requests to the server for loading, reduces the pressure of the server, and also accelerates the opening speed of the page.

Description

technical field [0001] The invention belongs to the technical field of computer web development, and in particular relates to a method for realizing multi-page switching based on Vue. Background technique [0002] In the web page preview process, it is often necessary to switch back and forth between multiple pages. When the network speed is very slow, users need to wait for a period of time each time they switch pages, which affects user experience. In the case of too many page visitors Under normal circumstances, repeated requests will increase the amount of requests and increase the burden on the server. Most of the existing multi-page switching uses the tab switching effect, which is realized by displaying and hiding the content of the Dom, but the disadvantage of this method is that the number of supported tab pages is small. There is also the use of iframe nesting to achieve multi-page switching, or the use of ajax load to append content to the specified page area for...

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/957G06F16/958G06F9/445
CPCG06F9/44521
Inventor 余忠争李鑫甘松云
Owner 安徽智恒信科技股份有限公司
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