前端一枚，在写项目的时候遇到一个问题无从下手
项目为OA系统，有个需求说要做页面缓存，然后就用了keepalive的include属性控制需要缓存的页面，打开的时候添加到缓存里，关闭的时候删除缓存，现在功能实现了，有个小问题就是在切换页面的时候有卡顿现象，路径会先变过去，页面卡顿一下才变过去，页面数据多的时候更明显，请问大家有遇到过这个问题吗？ 是怎么解决的呢？
3条回答 默认 最新
雾里桃花 2022-08-10 15:57关注首先确定一下是否是keepalive造成的，将keepalive关掉重新进一下页面看看是否依旧存在卡顿的现象
如果关掉keepalive依旧有卡顿的现象，说明是页面数据太多导致的卡顿，依次注释template中的代码看看是哪个地方导致的解决 无用评论 打赏举报
分享
- 2022-05-25 00:48回答 1 已采纳 实现了一版，看看是否这个意思。我用的vue-cli建立的案例。整体目录结构如下图： 代码如下： App.vue: <template> <nav> <bu
- 2021-06-23 16:30回答 3 已采纳 可以用meta来控制是否缓存 https://juejin.cn/post/6844903918313406472 或者新加得include 和exclude
- 2021-10-19 11:12回答 1 已采纳 有啊，官网不是有模板，前两天改他这个模板，改的死去活来的
- 2022-11-22 17:24敲不出代码的秃子的博客 后台管理系统需要做一个页面tab切换并且缓存页面(杜绝每次切换页面都重新加载) 的功能。
- 2021-12-06 11:52回答 2 已采纳 想必你的路由模式设置的是history只要不是在首页刷新就会404，因为那个地址不是真实的地址只需要在nginx配置文件中加入这段代码就好了location / { try_files $uri $
- 2022-07-06 16:47回答 3 已采纳 我可以这么理解吗？如果点击首页跳转进来的，就不缓存，如果点击页签进来的，就缓存。如果是我上面所理解的那样，那可以这么做：首先，你需要在keep-alive添加两个属性，include和exclude，
- 2023-03-10 10:58回答 5 已采纳 参考GPT和自己的思路：可能是因为selectCompany是在keep-alive缓存中的组件中进行了更改，而不是在新创建的组件中进行更改。这样就无法触发组件的重新渲染。你可以尝试在activate
- 2023-10-12 09:39前端小乖巧的博客 qiankun多页签缓存方案实现
- 2022-02-21 17:36回答 3 已采纳 题主参考下 vue禁用浏览器回退_洲霸霸的博客-CSDN博客_vue 禁用回退 mounted() { history.pushS
- 2014-09-18 18:49回答 1 已采纳 One option you have is to initially shutdown just the listening sockets, and wait on the active co
- 2019-08-09 10:49回答 2 已采纳 这种情况，应该是没有解决存储共享问题。比如说tomcat有三台，编号为A、B、C，负载方式为轮询。用户在第一次访问的时候，请求被nginx转发到了A号tomcat上，完成了认证，并且在A上面留下了一个
- 2022-07-31 13:27JavaMonsterr的博客 相较于社区上大部分通过方案一进行实现，本文提供了另一种实现多页签缓存的一种思路，主要是对子应用缓存处理上有些许的不同，大致的思路及通信的方式都是互通的。另外本文对qiankun框架的使用没有做太多的发散总结...
- 2021-12-02 18:39回答 2 已采纳 elementUI吗，栅格化有个组件和echarts有冲突，我之前也遇到过，我当时好像是tab切换， 第一个选项卡正常，切换到第二个就渲染不出来， elementUI 选项卡好像是用v-show实现的
- 2022-01-31 13:37东扯葫芦西扯瓜的博客 vue 使用动态路由参数的 keep-alive 条件缓存与三级路由缓存解决
- 沐歌丨丶的博客 其实ant pro已经内置了多tabs页面，无需手写，插件为 alitajs，点我打开官网由于需要动态配置部分网页是否刷新，或需要增加额外功能，那么只能使用自定义tab了。
- 2024-08-10 02:33seerhuang的博客 Vue 的 Keep-Alive 组件是用于缓存组件的高阶组件，可以有效地提高应用性能。...该组件在很多场景非常有用，比如：· tabs 缓存页面· 分步表单· 路由缓存在 Vue 中，通过 KeepAlive 包裹内的组件会自动缓存下来, ...
- 2022-07-22 19:30况几的博客 loading: LoadingComponent, // 加载失败时使用的组件 --- 比如失败时，可以先加载一个错误页面 error: ErrorComponent, // 展示加载时组件的延时时间。默认值是 200 (毫秒)--- 代表权重，先加载1000，再加载2000的...
- 2021-12-24 20:08weixin_45191052的博客 需求：产品要求页面A跳转页面B,然后返回页面A,返回时页面要滚动到...首先再你的路由表中设置keepAlive字段，你所需要缓存的页面 然后再router-view使用keep-alive组件 注意这个key，这个key属性有大的作用，很关.
- 2019-01-21 16:45wayne丶的博客 前端webapp应用为了追求类似于native模式的细致体验，总是在不断的在向native的...但是在单页的webapp应用中，所有内容其实是在一个页面中展示的，不存在多页的情况，这时就需要前端开发来想办法实现相应的体验效...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 8月23日-
创建了问题
8月10日
悬赏问题
- ¥15 Opencv（C++）异常
- ¥15 VScode上配置C语言环境
- ¥15 汇编语言没有主程序吗？
- ¥15 这个函数为什么会爆内存
- ¥15 无法装系统，grub成了顽固拦路虎
- ¥15 springboot aop 应用启动异常
- ¥15 matlab有关债券凸性久期的代码
- ¥15 lvgl v8.2定时器提前到来
- ¥15 qtcp 发送数据时偶尔会遇到发送数据失败？用的MSVC编译器(标签-qt|关键词-tcp)
- ¥15 cam_lidar_calibration报错