欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue router 动态路由清除方式

时间:2022-07-23 10:00:16|栏目:vue|点击:

router 动态路由清除

重置matcher可达到路由还原效果

在用户退出时调用 resetRouter(router) 即可还原路由

import Vue from 'vue'
import Router from 'vue-router'
import { constantRouterMap } from '...' //导入初始化router
 
// 传入当前router
export function resetRouter (router) {
  const createRouter = () =>
    new Router({
      mode: 'history'
      routes: constantRouterMap
    })
  // 用初始化的matcher替换当前router的matcher
  router.matcher = createRouter.matcher 
}

附matcher分析:https://www.jb51.net/article/244590.htm

vue-router退出登录清空路由

router没有提供清空数据的方法。我们可以这样写

this.$router.replace({path: '/login'});
location.reload();

上一篇:手把手教你写一个vue全局注册的Toast的实现

栏    目:vue

下一篇:vue MVVM双向绑定实例详解(数据劫持+发布者-订阅者模式)

本文标题:vue router 动态路由清除方式

本文地址:http://www.codeinn.net/misctech/208642.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有