vue中resetRouter和addRoutes的入门级使用记录

参考

Remove existing routes #1234

resetRouter代码

在vue的router的index.js中修改resetRouter：

export function resetRouter() {
    const newRouter = createRouter()
    router.matcher = newRouter.matcher // 新路由实例matcer，赋值给旧路由实例的matcher，（相当于replaceRouter）
    router.options.routes = []
}

模块中使用

    import { resetRouter } from '@/router' // 在<script>下方引用
    
	resetRouter(); // 在模块中调用重置路由

addRoutes在模块中使用

import Layout from '@/layout' // 在<script>下方引用

   routes = { // 在模块中使用
         path: "/apply",
         component: Layout,
         hidden: false,
         children: [{
             path: 'index',
             name: 'apply',
             component: () => import('@/views/apply/index'),
             meta: {
                 title: '申请',
                 icon: 'apply'
             }
         }],
     }
     this.$router.options.routes.push(routes)
     this.$router.addRoutes([routes]);