vue使用keepAlive缓存页面

57 阅读1分钟

一、需求

最近有个需求: A页面 -> B页面 -> C页面(B页面的子页面),现在要求,由C页面返回B页面的的时候,b页面不刷新,保留选中的tab等;
A页面: 首页
B页面:列表
C页面:从列表进入的详情页

二、实现方案

  • 1.loaclStorge 本地存储
  • 2.vuex状态管理
  • 3.keep-alive组件的使用

1. loaclStorge

无法实现

2. vuex状态管理

页面比较多的时候,需要设置很多属性

3.keep-alive组件的使用