1. Project requirement is detail page – other, other return details page need to cache details page data

From the Internet to see a lot of examples are not good, they tried to do next

2. Failure examples

In app.vue, vif is used to determine whether the route has cache. In the route component, route navigator is used to determine beforeRouteLeave is used to determine which page needs to be returned to cache. Keepalive is true to return details from other pagesCopy the code

3. Personal summary: Cache should be true when you enter the page and it should also be true when you leave, so that you can return from other pages to have a cached page, and I changed the method in app.vue to

mo4tech.com (Moment For Technology) is a global community with thousands techies from across the global hang out!Passionate technologists, be it gadget freaks, tech enthusiasts, coders, technopreneurs, or CIOs, you would find them all here.

Keep-alive enters the detail page cache and finally resolves

1. Project requirement is detail page – other, other return details page need to cache details page data

2. Failure examples

3. Personal summary: Cache should be true when you enter the page and it should also be true when you leave, so that you can return from other pages to have a cached page, and I changed the method in app.vue to

Keep-alive enters the detail page cache and finally resolves

1. Project requirement is detail page – other, other return details page need to cache details page data

2. Failure examples

3. Personal summary: Cache should be true when you enter the page and it should also be true when you leave, so that you can return from other pages to have a cached page, and I changed the method in app.vue to

Related Posts

Event Loop

【 Quick start Vue series 】 chapter 2: Vue common instructions, focus on understanding

34. 4 Tips for debugging asynchronous code