vue中tab标签页keep-alive二级路由+删除指定缓存页面

Posted 2023-02-25

参考技术A include 和 exclude prop 允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：

匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。

为每个页面设置不重复的name字段，当点击菜单栏的时候，将点击的组件的name值存入catch_components中，当点击关闭标签时，删除该项。

无需设置页面的name字段，当点击菜单栏的时候，将点击的组件的路径值存入catch_components中，当关闭按钮时候，删除该路径，并找到当前已缓存的cache和keys，暴力删除该缓存页面。

如何拿到当前已缓存的cache和keys