vue中resetRouter和addRoutes的入门级使用记录
参考Remove existing routes #1234resetRouter代码在vue的router的index.js中修改resetRouter:export function resetRouter() {const newRouter = createRouter()router.matcher = newRouter.matcher // 新路由实例matcer,赋值给旧路由实例的
·
参考
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]);
更多推荐
已为社区贡献1条内容
所有评论(0)