vue router 动态路由清除方式


Posted in Vue.js onMay 25, 2022

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 
}

vue-router退出登录清空路由

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

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

Tags in this post...

Vue.js 相关文章推荐
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
详解vue实现坐标拾取器功能示例
Nov 18 Vue.js
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
vue中defineProperty和Proxy的区别详解
Nov 30 Vue.js
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
基于vuex实现购物车功能
Jan 10 Vue.js
vue-router路由懒加载及实现的3种方式
Feb 28 Vue.js
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
VUE之图片Base64编码使用ElementUI组件上传
Apr 09 Vue.js
vue如何清除浏览器历史栈
May 25 #Vue.js
vue3不同环境下实现配置代理
May 25 #Vue.js
vue使用element-ui按需引入
May 20 #Vue.js
vue/cli 配置动态代理无需重启服务的方法
May 20 #Vue.js
Vue ECharts实现机舱座位选择展示功能
May 15 #Vue.js
Vue组件化(ref,props, mixin,.插件)详解
vue postcss-px2rem 自适应布局
May 15 #Vue.js
You might like
服务器上配置PHP运行环境教程
2015/02/12 PHP
ThinkPHP发送邮件示例代码
2016/10/08 PHP
js字符编码函数区别分析
2008/06/05 Javascript
有效的捕获JavaScript焦点的方法小结
2009/10/08 Javascript
用js实现层随着内容大小动态渐变改变 推荐
2009/12/19 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
详解AngularJS之$window窗口对象
2018/01/17 Javascript
animate.css在vue项目中的使用教程
2018/08/05 Javascript
谈谈React中的Render Props模式
2018/12/06 Javascript
Vue项目中ESlint规范示例代码
2019/07/04 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
nodeJs项目在阿里云的简单部署
2020/11/27 NodeJs
Django验证码的生成与使用示例
2017/05/20 Python
python不换行之end=与逗号的意思及用途
2017/11/21 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
python__new__内置静态方法使用解析
2020/01/07 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
a标签下载链接的简单实现
2016/09/13 HTML / CSS
Canvas实现保存图片到本地的示例代码
2018/06/28 HTML / CSS
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
HTML5语义化元素你真的用对了吗
2019/08/22 HTML / CSS
关联、聚合(Aggregation)以及组合(Composition)的区别
2012/02/29 面试题
电脑教师的自我评价
2013/12/18 职场文书
2015年学生会纪检部工作总结
2015/03/31 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书
详解Node.js如何处理ES6模块
2021/05/15 Javascript
python如何正确使用yield
2021/05/21 Python
Python实现byte转integer
2021/06/03 Python