解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况

项目中需要开发一个导航栏，类似浏览器的导航，没有关闭的时候页面缓存，关掉之后，页面随之销毁。（如图）项目是使用Vue + Vue-Router + Vuex刚开始使用的方法是：关闭导航标签，直接调用对应的页面的$destory()方法，OK，可以实现关闭页面的功能，但是遇到个问题：查了一下文档，找了度娘，没发现解决方法，又去请教G哥，这才发现原来Vue keep-alive真的有这个问题哎，这个是（include 和 exclude 属性允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 。匿名组件不能被匹配。keep-alive 不会在函数式组件中正常工作，因为它们没有缓存实例。