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

2023-03-12  本文已影响0人  43e1f527c136

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

1.路由高亮消失问题

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

解决路由高亮消失问题

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

{

path:'home',

name:'home',

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

children:[

path:':id',

name:'id',

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

]

}

解决递归组件冒泡问题

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读