- 在开发中, 从列表跳到详情页面, 然后再返回到列表页 ,此时 列表回到了第一个
如果想保持 列表的状态 ,不变, 这里就要用到 keep-alive; - 没使用 keep-alive
table栏回到 第一个了 - 使用 keep-alive 保持页面的状态;
- 首先在路由中的meta标签中记录keepAlive的属性为true
- 在 home 打印一下 $route , 看是否有 meta 属性
- 在 App.js中 判断一下 router-view
如果 路由里 有keepalive, 就使用保持状态的 路由,
否则 就使用正常的路由 - 使用 keep-alive后:
从详情页 返回 列表 没有发生改变