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>

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

Answer 1

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

解决方法是将 name: 'Inbox' 添加到 Inbox

的组件定义中

Vue Router Keep-Alive Include not working