猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

vue-router路由使用了keep-alive 跳转了数据没更新

2017-11-28 14:53:11 作者:yxl 次阅读 vue

1、在项目中使用<keep-alive>包含<router-view>实现页面缓存,加速页面加载,
2、当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。

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

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

所有我们两种解决方案:
    1、把mounted钩子换成 activated钩子
    2、或者是添加activated钩子

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词: Vue
0

网友评论