Vue中嵌套二级路由组件缓存,路由组件缓存失败,可能是没有在在export default{}中添加name:‘路由组件名‘属性

今天开发项目时,相对一个二级路由组件进行缓存,于是我在keep-alive的include中包含该组件名、

直接使用二级组件的路由名称没用

考虑到它是二级组件，所以我先第一步缓存一级路由组件,在一级<router-view>上的keep-alive中的include包含一级组件名称。发现还是没有,我通过在source中debug发现，data()函数一直执行,证明组件没有被缓存。

即我即在一级的keep-alive上的include中添加了对应的组件名也在二级keep-alive中添加了二级路由组件的名称都没有办法,缓存对应的二级组件

最后我发现我的一级路由组件和二级路由组件都没有export组件的name,

于是我给需要缓存的二级组件的父级路由组件export了对应的name设置为路由组件名称就可以了。即

export default{

        name:'父级路由组件名称',

}