Vue Router-keep-alive包括不起作用

Question

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

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

在主应用程序中。

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

它将无法使用，但是如果我删除了Incliance IT(在所有路线中(。在收件箱组件中，仅保留的距离工作缺少什么？

Answer 1

您的路线是命名的，但您的组件没有，因此keep-alive include="Inbox"不应用于任何组件。

修复程序是将name: 'Inbox'添加到Inbox