解析Vue-Template-Admin中三级路由缓存问题的解决办法

简介：
本文详细解析了在使用Vue-Template-Admin时遇到的三级路由缓存问题，并提供了有效的解决方案。适合前端开发者参考学习。 在使用三级路由的情况下，“src/layout/AppMain”组件中的“keep-alive”无法缓存二级路由的组件，因为依赖于“store”状态下的“cachedViews”。当路由发生变化时，“TagView”的逻辑会调用“addViewTags”，该函数根据匹配到的路由名称来决定哪些页面需要被缓存。然而，在使用三级路由的情况下，只能获取到第三级路由的名字，导致二级路由组件丢失其名字信息，从而无法通过“keep-alive”进行缓存。 为了解决这个问题，可以考虑将二级和三级路由都包含在内以确保它们都能被正确地识别并缓存。“matched”属性可以帮助实现这一点。具体来说，可以通过修改相关代码来获取到匹配的路径，并相应调整“cachedViews”的逻辑，使得所有需要缓存的页面都能够被包括进来。