当前位置: 移动技术网 > IT编程>网页制作>CSS > vue之keep-alive缓存动态组件的使用

vue之keep-alive缓存动态组件的使用

2018年12月06日  | 移动技术网IT编程  | 我要评论

芷若斗倚天-雅若兰芷,幽灵小箭猪,浙视互联9cdvd

vue之keep-alive缓存动态组件的使用

在业务开发中,会有路由跳转但是返回需要保留数据的场景(如:列表页的加载);vue 中提供了 keep-alive 来处理

解决方案

返回dom不让其重新刷新,在vue-view外面包一层,
当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。当再次进入(前进或者后退)时,只触发activated。
事件挂载的方法等,只执行一次的放在 mounted 中;组件每次进去执行的方法放在 activated 中;
可以将 是否包裹 keep-alive 通过参数配置;


    


//不需要刷新的路由配置里面配置 meta: {keepalive: true}, 这个路由则显示在上面标签;
//需要刷新的路由配置里面配置 meta: {keepalive: false}, 这个路由则显示在下面标签;

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网