【面试题】Vue2动态添加路由 router.addRoute _生活百科

Vue2动态添加路由点击打开视频讲解更加详细
场景：一般结合VueX和localstorage一起使用
router.addRoutesvue-router4后已废弃：使用 router.addRoute() 代替。vue-router4版本前也可用函数签名：
router.addRoutes(routes: Array<RouteConfig>)动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。
案例：
let routerObj = { path: '/about', name: 'about', component: () => import('../views/about.vue') }router.addRoutes([routerObj])//addRoutes在vue - router4里要被移除了，参数是数组router.addRoute添加一条新路由规则。如果该路由规则有 name，并且已经存在一个与之相同的名字，则会覆盖它。
函数签名:
addRoute(route: RouteConfig): () => voidrouter.addRoute添加一条新的路由规则记录作为现有路由的子路由。如果该路由规则有 name ，并且已经存在一个与之相同的名字，则会覆盖它。
函数签名:
addRoute(parentName: string, route: RouteConfig): () => void案例：
let routerObj = { path: '/about', name: 'about', component: () => import('../views/about.vue') }router.addRoute(routerObj)//vue-router4版本后要使用addRoute，参数是对象若对您有帮助，请点击跳转到B站一键三连哦！感谢支持?。。?
【【面试题】Vue2动态添加路由 router.addRoute】

【面试题】Vue2动态添加路由 router.addRoute

推荐阅读

2023年大年初四十二生肖运势运气最佳生肖是什么？

女人喝黄酒的最好时间女人什么时候喝黄酒好

蒸燕窝多少时间蒸燕窝需要多长时间

在美国并不是所有的州都庆祝哥伦布纪念日哥伦布纪念日如何庆祝

武汉非机动车牌照补办需要哪些前提武汉非机动车牌照补办需要哪些前提材料

如何识别兰花好坏如何识别兰花好坏？

治疗皮肤病老中医小妙方帮您远离皮肤病

实用新型多久可授权

留学必备的GPA到底怎么换算 gpa怎么算

梦见脸上长皱纹

360全民医保怎么退

如何创建网页快捷方式到桌面，如何将网页以快捷方式保存在桌面？

罗姓男孩名字大全属虎虎年罗姓男宝宝名字

雅鲁藏布江大峡谷产生的原因雅鲁藏布江大峡谷产生的原因

刮痧是排毒的表现吗刮痧排毒的原理是什么

怎样修改路由器wifi密码 192.168.11路由器设置教程

做深蹲后大腿粗怎么办女性深蹲很难粗腿

关于消防安全管理人简述消防安全管理人

关于海因茨·弗洛赫简述海因茨·弗洛赫

iphone屏蔽短信广告 iphone屏蔽短信