也可以到我的github上看看代码代码:演示:我这个多页签组件里面的删除缓存的方法不是使用keep-alive组件自带的include、exculde结合的效果,而是使用暴力删除缓存的方法,这个在上个博客中也有提到,用这种方法的话,可以实现更完整的多页签功能,例如同个路由可以根据参数的不同同时打开不同的页签,也能不用去写那些路由的name值。那这个对象怎么获取呢,如下所示,在keep-alive所在的父页面上的mounted事件上进行获取而空白路由的名称,是干什么,主要我要实现刷新当前页面的功能,我们知道vue是不允许跳转到当前页面,那么我就想我先跳转到别的页面,再跳转回回来的页面,不就也实现刷新的效果了。

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件

Vue实现多页签组件