ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue__之keepalive

2020-06-26 21:53:46  阅读:260  来源: 互联网

标签:__ vue alive keep meta 列表 路由 keepalive


  1. 在开发中, 从列表跳到详情页面, 然后再返回到列表页 ,此时 列表回到了第一个
    如果想保持 列表的状态 ,不变, 这里就要用到 keep-alive;
  2. 没使用 keep-alive
    image
    table栏回到 第一个了
    image
  3. 使用 keep-alive 保持页面的状态;
  4. 首先在路由中的meta标签中记录keepAlive的属性为true
    image
  5. 在 home 打印一下 $route , 看是否有 meta 属性
    image

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

标签:__,vue,alive,keep,meta,列表,路由,keepalive
来源: https://www.cnblogs.com/cl1998/p/13196518.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有