vue 中页面跳转缓存，不刷新

最新推荐文章于 2024-09-06 09:24:03 发布

原创最新推荐文章于 2024-09-06 09:24:03 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

大前端专栏收录该内容

88 篇文章

订阅专栏

本文介绍如何在Vue中通过关闭和开启路由缓存来优化应用性能。提供了两种方法：一是在跳转前关闭缓存，跳转后重新开启；二是通过配置路由的noCache属性直接控制。这些技巧有助于提升用户体验，减少不必要的资源加载。

第一种：

在跳转之前关闭，跳转之后，在刷新函数的里面加入开启缓存（写在最后一行）。
 
//全局关闭缓存
this.$route.meta.$keepAlive = false;



//全局开启缓存
this.$route.meta.$keepAlive = true;

第二种：

 {
   path: 'edit',
       component: (resolve) => require(['@/views/pages/edit'], resolve),
       name: 'editName', // 这个nama 和组件页面的name 保持一致
       meta: { title: '编辑', icon: '', noCache: false, affix: false },  //noCache 设置false
     
       hidden: true
 }