Vue多页签组件如何改写为长尾词？

本文共计1965个文字，预计阅读时间需要8分钟。

直接查看效果，增加了右侧菜单栏，分别有重新加载、关闭左侧、关闭右侧、关闭其他功能。也可访问我的GitHub查看代码（如觉得这个组件有用，别忘了顺手给个小星星🌟）。代码如下：

直接看效果，增加了右键菜单，分别有重新加载、关闭左边、关闭右边、关闭其他功能。

也可以到我的github上看看代码（如果觉得这个组件有用的话，别忘了顺手给个小星星）

代码：github.com/Caijt/VuePageTab

演示：caijt.github.io/VuePageTab/

我这个多页签组件里面的删除缓存的方法不是使用keep-alive组件自带的include、exculde结合的效果，而是使用暴力删除缓存的方法，这个在上个博客中也有提到，用这种方法的话，可以实现更完整的多页签功能，例如同个路由可以根据参数的不同同时打开不同的页签，也能不用去写那些路由的name值。

先直接看组件代码（里面用了一些element-ui的组件，如果你们不用element-ui的话。