Vue路由器保持活动包含不起作用答案

【问题标题】：Vue Router Keep-Alive Include not workingVue路由器保持活动包含不起作用
【发布时间】：2018-09-14 04:51:35
【问题描述】：

我有一个这样的 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>

它不起作用，但如果我删除它，它会起作用（在所有路由中）。仅收件箱组件中的 keep-alive 工作在这里缺少什么？

【问题讨论】：

【解决方案1】：

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

解决方法是将name: 'Inbox' 添加到Inbox 的组件定义中

【讨论】：