首页 > 其他 > 详细

vue__之keepalive

时间:2020-06-26 23:06:05      阅读:70      评论:0      收藏:0      [点我收藏+]
  1. 在开发中, 从列表跳到详情页面, 然后再返回到列表页 ,此时 列表回到了第一个
    如果想保持 列表的状态 ,不变, 这里就要用到 keep-alive;
  2. 没使用 keep-alive
    技术分享图片
    table栏回到 第一个了
    技术分享图片
  3. 使用 keep-alive 保持页面的状态;
  4. 首先在路由中的meta标签中记录keepAlive的属性为true
    技术分享图片
  5. 在 home 打印一下 $route , 看是否有 meta 属性
    技术分享图片

    技术分享图片
  6. 在 App.js中 判断一下 router-view
    如果 路由里 有keepalive, 就使用保持状态的 路由,
    否则 就使用正常的路由
    技术分享图片
  7. 使用 keep-alive后:
    技术分享图片
    从详情页 返回 列表   没有发生改变
    技术分享图片

vue__之keepalive

原文:https://www.cnblogs.com/cl1998/p/13196518.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!