解决vue keep-alive 数据更新的问题
更新时间：2018年09月21日 10:47:22 作者：pobu168
今天小编就为大家分享一篇解决vue keep-alive 数据更新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在项目中使用<keep-alive>包含<router-view>实现页面缓存，加速页面加载，
同时，这种方式带来一些弊端，请看如下大神解释：
***********************************
当引入keep-alive的时候，页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。
当再次进入（前进或者后退）时，只触发activated。
***********************************
这就带来一个问题，之前在项目中使用mounted在页面加载时获取数据，使用<keep-alive>后方法不再生效，
根据上面的解释，将mounted替换为activated即可。
以上这篇解决vue keep-alive 数据更新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
国际化就是指在一个项目中，项目中的语言可以进行切换（中英文切换），那么在实际项目中是如何实现的呢，本文就给大家详细的介绍实现方法,需要的朋友可以参考下2023-07-07
解决获取数据后this.$refs.xxx.toggleRowSelection无效的问题
这篇文章主要介绍了解决获取数据后this.$refs.xxx.toggleRowSelection无效的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了vite+vue3代码风格校验及格式化方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
vue3中storeToRefs让store中的结构出来的数据也能变成响应式(推荐)
这篇文章主要介绍了vue3中storeToRefs让store中的结构出来的数据也能变成响应式,本文通过实例代码给大家介绍的分需要的朋友可以参考下2024-09-09
本文主要介绍了vue3 setup点击跳转页面的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-10-10
这篇文章主要介绍了el-table 表格分页序号问题小结,本文通过实例代码图文效果展示给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-04-04
这篇文章主要介绍了vue-router 前端路由之路由传值的方式，本文通过两种方式给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
这篇文章主要为大家介绍了vue使用Echart线柱混合图排坑记录,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
本文讲述如何实现拥有酷炫背景视频的登录页面，浏览器窗口随意拉伸，背景视频及前景登录组件均能完美适配，背景视频可始终铺满窗口，前景组件始终居中，视频的内容始终得到最大限度的保留，可以得到最好的视觉效果2018-01-01
这篇文章主要为大家介绍了Vue3基于rem比例H5缩放方案示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
最新评论