解决vue keep-alive 数据更新的问题
程序员文章站
2022-04-29 18:56:32
在项目中使用包含实现页面缓存,加速页面加载,
同时,这种方式带来一些弊端,请看如下大神解释:...
在项目中使用<keep-alive>包含<router-view>实现页面缓存,加速页面加载,
同时,这种方式带来一些弊端,请看如下大神解释:
***********************************
当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。
当再次进入(前进或者后退)时,只触发activated。
***********************************
这就带来一个问题,之前在项目中使用mounted在页面加载时获取数据,使用<keep-alive>后方法不再生效,
根据上面的解释,将mounted替换为activated即可。
以上这篇解决vue keep-alive 数据更新的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: vue中,在本地缓存中读写数据的方法
下一篇: [寒假学习笔记](二)Python初学
推荐阅读
-
Hive与Oracle之间利用Sqoop进行数据的导入导出时遇到的问题及解决方法
-
JSP MySQL插入数据时出现中文乱码问题的解决方法
-
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
-
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
-
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
-
vue项目部署到Apache服务器中遇到的问题解决
-
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
-
使用数据引用公式解决Excel文件的自动更新数据问题
-
如何解决.vue文件url引用文件的问题
-
Orcale 数据库客户端PL/SQL 中文乱码的问题解决方法