首页 » PHP教程 » js刷新includephp技巧_再谈vue提高刷新退却撤退不刷新include实现方法

js刷新includephp技巧_再谈vue提高刷新退却撤退不刷新include实现方法

访客 2024-11-23 0

扫一扫用手机浏览

文章目录 [+]

1.修正主路由页面,keep-alive 标签添加 include

代码示例

js刷新includephp技巧_再谈vue提高刷新退却撤退不刷新include实现方法

复制代码

js刷新includephp技巧_再谈vue提高刷新退却撤退不刷新include实现方法
(图片来自网络侵删)

2.同时此页面添加自动computed includeds

代码示例

复制代码

3.修正vuex的store,添加includeds工具,并添加commit方法。
此处如不用vuex,也可自行设置Local Storage。

代码示例

复制代码

4.在main.js页面添加beforeEach路由守卫。
并设置退却撤退页面数组。
如不用全局守卫,也可在页面单独设置单独写beforeRouteLeave,方法相同。

复制代码

5.设置页面(news.vue)的name和activated

代码示例

把稳:此处activated里设置的commit里第二个参数,必须与name名称同等。

6.然后就可以了。

事理解析:

1. 通过设置keepalive 的 include,当然也可以设置exclude,自行百度。
include为要缓存的页面name

2. 在页面activated的时候设置为缓存当前页面。

3. 页面跳转的时候判断路由的to.name是否包含在已设置的数组中。

4. 跳转到edit或show页面,返回后回到缓存页面,不刷新。
由其他页面进入则刷新。

5. 如果不设置路由全局守卫,也可以每个页面单独写beforeRouteLeave

复制代码

也不知道这样写对不对。
反正目前可以实现想要的效果。
其余路由嵌套不是很深。
如果哪位大侠有更好的方法,欢迎供应。
^_^

标签:

相关文章

CS15武器购买指南战场胜势的利器

在《反恐精英》(Counter-Strike,简称CS)系列游戏中,武器作为玩家战胜敌人的关键道具,一直以来都备受关注。全新的武器...

PHP教程 2025-04-14 阅读1 评论0

H2SeO3还原化学反应中的奇妙之旅

在化学领域,还原反应一直是人们关注的焦点。作为一种重要的氧化还原反应,H2SeO3还原性研究对于理解化学变化、开发新型材料以及推动...

PHP教程 2025-04-14 阅读1 评论0

HL122govcn考试预约开启公职生涯的第一步

在现代社会,成为一名公务员,实现自身价值的为国家和人民服务,已经成为越来越多人的梦想。而要实现这个梦想,首先必须通过HL122go...

PHP教程 2025-04-14 阅读1 评论0

7000系列引领时代潮流的科技巨头代际更迭

各大科技巨头纷纷推出新一代产品,以满足消费者日益增长的消费需求。在这其中,7000系列作为各大品牌的旗舰产品,备受关注。本文将带您...

PHP教程 2025-04-14 阅读1 评论0

20星服务在SEO关键词排名中的火热地位

搜索引擎优化(SEO)已成为企业提升品牌知名度、扩大市场份额的重要手段。在众多SEO服务中,关键词排名显得尤为重要。“20星服务”...

PHP教程 2025-04-14 阅读1 评论0