vue3 keepalive

Question

同一个页面！通过动态路由打开俩个页签！一个页面需要缓存，另一个页面需要实时更新！这个有没有办法实现

Answer 1

【相关推荐】

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue中keepAlive动态缓存方法
• 除此之外, 这篇博客: vue3的keepalive页面缓存中的 1.引入库 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  代码如下（示例）：

  入口文件处：

          <router-view v-slot="{ Component }">

            <keep-alive>

              <component :is="Component" v-if="$route.meta.keepAlive" :key="$route.name" />

            </keep-alive>

            <component :is="Component" v-if="!$route.meta.keepAlive" :key="$route.name" />

          </router-view>

  router路由：

    {

      path: '/orders',

      component: Layout,

      redirect: '/orders/list',

      meta: {

        title: '订单中心',

      },

      children: [

        {

          path: 'public',

          name: 'orders-public',

          component: () => import('@/views/modules/orders/public/index.vue'),

          meta: {

            title: '对公打款',

            keepAlive: true,

          },

        },

   

  ---

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^