路由动态路由与路由高亮,递归组件问题

动态路由加子路由跳转如果直接写在父路由上面,选择子路由会失去路由的高亮状态。

1.路由高亮消失问题

2.递归组件冒泡问题, 使点击父路由自动跳转到第一个子路由

解决路由高亮消失问题

1.配置路由时配置动态子路由

{

path:'home',

name:'home',

component:()=>import('./vue'),

children:[

path:':id',

name:'id',

component: () => import('./vue'),

]

}

解决递归组件冒泡问题

1.添加点击事件,    ev.stopPropagation()解决冒泡

2.判断路由是否有子路由,有子路由跳转到第一条路由

注意路由跳第一条如果不加阻止冒泡事件会是一直跳转第一条路由

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容