请教下 keep-alive 没生效 我看都是这么用的， created和activated两个都走了 就是没生效

Question

router.js

{
    path: '/reserveManage',
    redirect: '/reserveManage/list',
    component: () => import('@/views/router-index'),
    hidden: true,
    children: [
      {
        path: 'create',
        name: 'create',
        component: () => import('@/views/reservation/create'),
        hidden: true,
        meta: {
          title: '售后预约',
          keepAlive: true
        }
      },
      {
        path: 'addressList',
        meta: {
          title: '取车地址',
          keepAlive: false, // 此组件需要被缓存
        },
        hidden: true,
        component: () => import('@/views/reservation/address')
      },
      }
    ]
  }

app.js

<template>
  <div id="app">
    <router-view v-if="!$route.meta.keepAlive" />
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
  </div>
</template>

Answer 1

组件的name和router配置的name不一样，keep-alive也无法生效