美文网首页
vue addRoutes多次添加路由重复问题

vue addRoutes多次添加路由重复问题

作者: 段煜华 | 来源:发表于2020-05-08 10:34 被阅读0次
import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export const constantRouterMap = [
  {
    path: '/login',
    component: () => import('@/views/login/index'),
    hidden: true
  },
  {
    path: '/404',
    component: () => import('@/views/404'),
    hidden: true
  }
]

export const asyncRouterMap = [
  // 添加动态路由
  {
    path: '*',
    redirect: '/404',
    hidden: true
  }
]

const createRouter = () => new Router({
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRouterMap
})

const routes = createRouter()

export function resetRouter() {
  const newRouter = createRouter()
  routes.matcher = newRouter.matcher
}

export default routes

以上是路由表的配置,在退出的模块调用resetRouter方法,把原来的路由替换。

相关文章

网友评论

      本文标题:vue addRoutes多次添加路由重复问题

      本文链接:https://www.haomeiwen.com/subject/vjbxnhtx.html