跳到主要内容

removeRoute

2023年05月28日
柏拉文
越努力，越幸运

一、认识​

有几个不同的方法来删除现有的路由:

  1. 通过 addRoute() 覆盖之前路由: 通过添加一个名称冲突的路由。如果添加与现有途径名称相同的途径，会先删除路由，再添加路由

  2. 通过调用 router.addRoute() 返回的回调

  3. 通过使用 router.removeRoute() 按名称删除路由

二、语法​

通过添加一个名称冲突的路由。如果添加与现有途径名称相同的途径，会先删除路由，再添加路由：

2.1 覆盖路由​

router.addRoute({ path: '/about', name: 'about', component: About })
// 这将会删除之前已经添加的路由，因为他们具有相同的名字且名字必须是唯一的
router.addRoute({ path: '/other', name: 'about', component: Other })

2.2 调用回调​

通过调用 router.addRoute() 返回的回调：

const removeRoute = router.addRoute(routeRecord)
removeRoute() // 删除路由如果存在的话

当路由没有名称时，这很有用。

2.3 指定删除​

通过使用 router.removeRoute() 按名称删除路由

router.addRoute({ path: '/about', name: 'about', component: About })
// 删除路由
router.removeRoute('about')