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 的 v-model用法实例
Nov 23 Vue.js
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
Jan 08 Vue.js
vue使用过滤器格式化日期
Jan 20 Vue.js
vue.js实现点击图标放大离开时缩小的代码
Jan 27 Vue.js
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
vue Element-ui表格实现树形结构表格
Jun 07 Vue.js
Vue自定义铃声提示音组件的实现
Jan 22 Vue.js
vue+echarts实现多条折线图
Mar 21 Vue.js
vue3语法糖内的defineProps及defineEmits
Apr 14 Vue.js
vue实现登陆页面开发实践
May 30 Vue.js
ant design vue的form表单取值方法
Jun 01 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
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
javascript 数组学习资料收集
2010/04/11 Javascript
Jquery的each里用return true或false代替break或continue
2014/05/21 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
JavaScript的面向对象编程基础
2015/08/13 Javascript
JS图片放大效果简单实现代码
2016/09/08 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
2016/11/03 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
TypeScript入门-接口
2017/03/30 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
2018/12/07 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
2019/12/06 Javascript
JavaScript arguments.callee作用及替换方案详解
2020/09/02 Javascript
针对Vue路由history模式下Nginx后台配置操作
2020/10/22 Javascript
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python简明入门教程
2015/08/04 Python
Python实现快速傅里叶变换的方法(FFT)
2018/07/21 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
Python3.5装饰器典型案例分析
2019/04/30 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
Python实现壁纸下载与轮换
2020/10/19 Python
HTML5 body设置自适应全屏
2020/05/07 HTML / CSS
Infababy英国:婴儿推车、Travel System婴儿车和婴儿汽车座椅销售
2018/05/23 全球购物
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
机关单位工作失职检讨书
2014/11/20 职场文书
工作经验交流材料
2014/12/30 职场文书
教师年终个人总结
2015/02/11 职场文书
小学班主任自我评价
2015/03/11 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
【D4DJ】美少女DJ企划 动画将于明年冬季开播第2季
2022/04/11 日漫
netty 实现tomcat的示例代码
2022/06/05 Servers