解决vue keep-alive 数据更新的问题


Posted in Javascript onSeptember 21, 2018

在项目中使用<keep-alive>包含<router-view>实现页面缓存,加速页面加载,

同时,这种方式带来一些弊端,请看如下大神解释:

***********************************

当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。

当再次进入(前进或者后退)时,只触发activated。

***********************************

这就带来一个问题,之前在项目中使用mounted在页面加载时获取数据,使用<keep-alive>后方法不再生效,

根据上面的解释,将mounted替换为activated即可。

以上这篇解决vue keep-alive 数据更新的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 5 新增 Array 方法实现介绍
Feb 06 Javascript
JS定时器实例
Apr 17 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
JS+CSS相对定位实现的下拉菜单
Oct 06 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
JS实现图片转换成base64的各种应用场景实例分析
Jun 22 Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
Vue中computed、methods与watch的区别总结
Apr 10 Javascript
ES5新增数组的实现方法
May 12 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 #Javascript
vue2使用keep-alive缓存多层列表页的方法
Sep 21 #Javascript
使用ng-packagr打包Angular的方法示例
Sep 21 #Javascript
基于vue中keep-alive缓存问题的解决方法
Sep 21 #Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 #Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 #Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 #Javascript
You might like
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
使用php检测用户当前使用的浏览器是否为IE浏览器
2013/12/03 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
如何让div span等元素能响应键盘事件操作指南
2012/11/13 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
JS实现多张图片预览同步上传功能
2017/06/23 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
深入Node TCP模块的理解
2019/03/13 Javascript
JavaScript内置对象math,global功能与用法实例分析
2019/06/10 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
简单谈谈Python的pycurl模块
2018/04/07 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
结构工程研究生求职信
2013/10/13 职场文书
自主招生自荐书
2013/11/29 职场文书
yy婚礼主持词
2014/03/14 职场文书
安全生产月演讲稿
2014/05/09 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
2014年药店工作总结
2014/11/20 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
领导工作表现评语
2015/01/04 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
小程序实现悬浮按钮的全过程记录
2021/10/16 HTML / CSS