解决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 相关文章推荐
js中的escape及unescape函数的php实现代码
Sep 04 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
解决遍历时Array.indexOf产生的性能问题
Jul 03 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
详解JS函数重载
Dec 04 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
React-Router如何进行页面权限管理的方法
Dec 06 Javascript
javascript实现QQ空间相册展示源码
Dec 12 Javascript
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
深度了解vue.js中hooks的相关知识
Jun 14 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
Nov 07 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
XAMPP安装与使用方法详细解析
2013/11/27 PHP
浅谈PHP变量作用域以及地址引用问题
2013/12/27 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
Opacity.js
2007/01/22 Javascript
5个javascript的数字格式化函数分享
2011/12/07 Javascript
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
python实现数通设备端口监控示例
2014/04/02 Python
Python3 操作符重载方法示例
2017/11/23 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
python nmap实现端口扫描器教程
2020/05/28 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
pytorch之添加BN的实现
2020/01/06 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
魅力惠奢品线上平台:MEI.COM
2016/11/29 全球购物
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
abstract class和interface有什么区别?
2012/01/03 面试题
不用游标的SQL语句有哪些
2012/09/07 面试题
法人授权委托书格式
2014/04/08 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
工作经历证明范本
2015/06/15 职场文书
朋友聚会祝酒词
2015/08/10 职场文书
小学校园广播稿
2015/08/18 职场文书
《秋思》教学反思
2016/02/23 职场文书