vue3 keep-alive include失效问题

在使用vue3 keep-alive时，发现并没有起作用, 代码如下：

  
    
     x.name)">
      
    
  
  





.app-main {
  padding: 10px;
  height: calc(100vh - 90px);
  width: 100%;
}

这里的include绑定的是路由名称的数组，看着没什么问题，就是不起作用。

原来vue3的setup无法组件命名，keep-alive include必须要组件命名

所以在需要添加缓存的组件中，添加：

这里的charts1就是该组件名，对应路由的name也是charts1。

参考地址：http://blog.csdn.net/guang_sszbs/article/details/123236594