vue.js - 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>

它不会工作，但如果我删除 include 它会工作(在所有路由中)。 收件箱组件中的 keep-alive 只工作这里缺少什么？

Answer 1

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

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