如何避免在Vue中多次使用addRoutes导致路由重复的问题?

更新于
2026-09-23 22:44:35
2阅读来源:SEO资讯
  • 内容介绍
  • 相关推荐

本文共计870个文字,预计阅读时间需要4分钟。

如何避免在Vue中多次使用addRoutes导致路由重复的问题?

我简化并修改了以下伪原创内容,使其更加简洁且不超过100字:

javascript直接使用Vue和vue-router创建路由实例并导出。Vue.use(Router); new Router({ mode: 'history', routes: [] }); export default r;

我就废话不多说了,大家还是直接看代码吧~

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

找老外的文档解决的问题,在登出的模块调用resetRouter方法,把原来的路由替换。

阅读全文

本文共计870个文字,预计阅读时间需要4分钟。

如何避免在Vue中多次使用addRoutes导致路由重复的问题?

我简化并修改了以下伪原创内容,使其更加简洁且不超过100字:

javascript直接使用Vue和vue-router创建路由实例并导出。Vue.use(Router); new Router({ mode: 'history', routes: [] }); export default r;

我就废话不多说了,大家还是直接看代码吧~

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

找老外的文档解决的问题,在登出的模块调用resetRouter方法,把原来的路由替换。

阅读全文