网站建设能够不同地方,广东省东莞市招聘信息,下载app到手机,wordpress开启启gzip我们一般使用动态添加路由都是后台会返回一个路由表前端通过调接口拿到后处理(后端处理路由)。比如不同权限显示不同的路由。
主要使用的方法就是router.addRoute
添加路由
动态路由主要通过两个函数实现。router.addRoute() 和 router.removeRoute()。它们只注册一个新的路…我们一般使用动态添加路由都是后台会返回一个路由表前端通过调接口拿到后处理(后端处理路由)。比如不同权限显示不同的路由。
主要使用的方法就是router.addRoute
添加路由
动态路由主要通过两个函数实现。router.addRoute() 和 router.removeRoute()。它们只注册一个新的路由也就是说如果新增加的路由与当前位置相匹配就需要你用 router.push() 或 router.replace() 来手动导航才能显示该新路由
router.addRoute({ path: /about, component: About })删除路由
有几个不同的方法来删除现有的路由
通过添加一个名称冲突的路由。如果添加与现有途径名称相同的途径会先删除路由再添加路由
router.addRoute({ path: /about, name: about, component: About })
// 这将会删除之前已经添加的路由因为他们具有相同的名字且名字必须是唯一的
router.addRoute({ path: /other, name: about, component: Other })通过调用 router.addRoute() 返回的回调
const removeRoute router.addRoute(routeRecord)
removeRoute() // 删除路由如果存在的话当路由没有名称时这很有用
通过使用 router.removeRoute() 按名称删除路由
router.addRoute({ path: /about, name: about, component: About })
// 删除路由
router.removeRoute(about)需要注意的是如果你想使用这个功能但又想避免名字的冲突可以在路由中使用 Symbol 作为名字。
当路由被删除时所有的别名和子路由也会被同时删除
注意一个事项vite在使用动态路由的时候import(‘…/…/’)无法使用别名 必须使用相对路径
const initRouter async () {const result await axios.get(http://localhost:9999/login, { params: formInline });result.data.route.forEach((v: any) {router.addRoute({path: v.path,name: v.name,这儿不能使用component: () import(../views/${v.component})})router.push(/index)})console.log(router.getRoutes());}查看现有路由
Vue Router 提供了两个功能来查看现有的路由
router.hasRoute()检查路由是否存在。router.getRoutes()获取一个包含所有路由记录的数组。
