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