day226-vue-router 路由重置

要点

  1. 实现路由重置(权限控制)

vue-router如何删除(重置)通过 addRoutes 方法添加的动态路由,实现权限控制?

location.refresh?

替换路由实例的 matcher 对象来实现路由的 重置

代码如下:代码来源于vue-router中的issue

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const createRouter = () => new Router({
mode: 'history',
routes: []
})

const router = createRouter()

export function resetRouter () {
const newRouter = createRouter()
router.matcher = newRouter.matcher // the relevant part
}

export default router
文章作者: lmislm
文章链接: http://lmislm.com/2019/08/28/2019-08-28/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 LMISLMのBlog