![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-router
code-ZYG
这个作者很懒,什么都没留下…
展开
-
vue-router4.x实现动态路由
在vue-router 4.x中,api有所更改和增加1. 动态路由动态路由主要通过两个函数实现。router.addRoute() 和 router.removeRoute()注意:addRoute 没有 s ,vue-router 3.x 中是 addRoutes在 .vue 页面中,添加路由后:需要手动调用 router.replace() 来改变当前的位置,并覆盖我们原来的位置router.addRoute({ path: '/about', component: About })//原创 2022-05-19 16:47:31 · 2626 阅读 · 1 评论 -
路由重置
参考:github上的讨论在项目中,有时候用户需要动态改变路由配置routes,这个时候再vue-router中,路由配置是引用类型,却没有改变,需要动态随着改变。解决办法:vue-router中在出入配置路由routes后,生成了路由对照表addRoutes方法是操作路由对照表的,而且对照表是引用类型所以,需要重置resetRoute,也就重置了路由对照表,将暴露的router.matcher = newRouter.matcher的操作方法,赋值;newRouter.matcher是实原创 2020-05-09 11:18:28 · 2122 阅读 · 0 评论 -
vue-router使用技巧
vue-router实际上是封装了h5的history的api。1. active-class选中的router-link将自动添加一个class属性值.router-link-active,可以让active的导航高亮等等。<router-link tag="div" class="tab-item" to="recommend">原创 2019-03-06 11:19:18 · 281 阅读 · 0 评论 -
vue-router之再一次理解redirect
vue-router中的redirect代表重定向,但是看及改造vue-element-admin一次项目中深刻理解了一下。语言匮乏,以图代职,一图胜千字。1. vue-element-admin项目配置2. 个人项目改造项目的需求是显示项目名称datacenter,其他路由添加datacenter前缀,所以正确合理的配置,个人认为应该是:...原创 2019-08-22 17:45:28 · 4292 阅读 · 2 评论