Vue Router Keep-Alive包括不工作

Question

我有一个像这样的Vue路由器：

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Inbox',
      component: Inbox
    }]
})

在主app.vue中我已经：

  <div id="app">
    <main>
      <keep-alive include="Inbox">
        <router-view></router-view>
      </keep-alive>
    </main>
  </div>

它不起作用，但如果我删除它包含它（在所有路由中）。 仅保留活动的内容仅在收件箱组件中有效吗？

Answer 1

您的路线已命名，但您的路线未命名，因此keep-alive include="Inbox"不适用于任何组件。

修复方法是将name: 'Inbox'添加到Inbox

的组件定义中