1 使用window.location.reload()
缺点:页面会闪一下影响用户体验,特别是在菜单页面动态添加页面的情况下
2. 使用路由的matcher
附代码
export const constantRouterMap = [
{
path: '/login',
component: () => import('@/views/login/index'),
hidden: true
},
{
path: '/',
component: Layout,
hidden: false,
meta: { title: '首页', icon: 'home', requiresArg: false }
},
{
path: '/403',
component: () => import('@/views/403'),
hidden: true
},
{
path: '/test',
component: () => import('@/views/login/test'),
hidden: true
}
]
export const createRouter = () => new VueRouter({
scrollBehavior: () => ({
y: 0
}),
routes: constantRouterMap
})
const router = createRouter()
export function resetRouter () {
const newRouter = createRouter()
router.matcher = newRouter.matcher
}
3.参考地址
github.