解决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在IE和Firefox(火狐)的不兼容问题解决方法小结
Apr 13 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
分享javascript实现的冒泡排序代码并优化
Jun 05 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 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
深入探讨:Nginx 502 Bad Gateway错误的解决方法
2013/06/03 PHP
php外部执行命令函数用法小结
2016/10/11 PHP
php中namespace及use用法分析
2016/12/06 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
2019/02/21 Javascript
express.js中间件说明详解
2019/03/19 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
2019/06/18 jQuery
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
python操作xml文件示例
2014/04/07 Python
python进程类subprocess的一些操作方法例子
2014/11/22 Python
python删除过期文件的方法
2015/05/29 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
使用Python写一个量化股票提醒系统
2018/08/22 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
python使用PyQt5的简单方法
2019/02/27 Python
Django时区详解
2019/07/24 Python
Python pip配置国内源的方法
2020/02/14 Python
详解Python中的Lock和Rlock
2021/01/26 Python
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
揭牌仪式主持词
2014/03/19 职场文书
企业2014年度工作总结
2014/12/10 职场文书
军训个人总结
2015/03/03 职场文书
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android
GO语言字符串处理函数之处理Strings包
2022/04/14 Golang
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang