Vue3 router.addRoute()添加路由后,页面菜单没有更新是什么原因?

vue3 router.addRoute()添加路由后,页面菜单没有更新是什么原因?
console.log(router.getRoutes());数组的个数增加了1个,菜单不更新

console.log(router.getRoutes());    //这个数组是29个,

//添加系统2 路由
router.addRoute(‘xitong2’, {
path: ‘/projectbrowsing/duolianjixitong/xitong2’,//
component: () => import(’@/views/xitong/systemTabShow.vue’),
name: ‘Xitong2’,
meta: {
title: t(‘routers.xtyc’),
query: {
systemId: ‘a02’
}
}
})

console.log(router.getRoutes()); //这个数组是30个,

官方提示:

提示
请注意,添加路由并不会触发新的导航。也就是说,除非触发新的导航,否则不会显示所添加的路由。

触发新的导航,是指跳转页面还是什么?
如果是指route.push(),没有起作用。

router.push()
按官方提示的触发新的导航,页面菜单也不更新。

addRoute不会触发新的导航不难理解吧,就是添加路由不跳转(不跳转你页面当然不显示新页面)
router不是响应式的,要更新你的东西添加的时候去主动更新

1 Like

嗯,没有渲染更新。。。。