vue router 动态路由清除方式
更新时间：2022年05月25日 11:01:18 作者：小小心晴已存在
这篇文章主要介绍了vue router 动态路由清除方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
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插件报错:Vue.js is detected on this page.问题解决
这篇文章主要介绍了Vue插件报错:Vue.js is detected on this page.问题解决,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-07-07
这篇文章主要给大家介绍了关于如何利用vue+Minio实现多文件进度上传的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了vue自定义移动端touch事件之点击、滑动、长按事件的实例代码,需要的朋友可以参考下2018-07-07
vue 项目中的this.$get,this.$post等$的用法案例详解
vue.js的插件应该暴露一个install方法。这个方法的第一个参数是vue构造器，第二个参数是一个可选的选项对象，首页要安装axios，本文结合案例代码给大家详细讲解vue 中的this.$get,this.$post等$的用法，一起学习下吧2022-12-12
这篇文章主要为大家详细介绍了vue实现websocket客服聊天功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
vue form表单使用resetFields函数出现的问题
这篇文章主要介绍了vue form表单使用resetFields函数出现的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
屏幕录制和直播推流是现代Web应用中常用的功能,Vue作为一种流行的JavaScript框架,提供了一些工具和库,可以方便地实现屏幕录制和直播推流功能,本文将介绍如何在Vue中进行屏幕录制和直播推流,需要的朋友可以参考下2024-01-01
使用vue-router切换页面时，获取上一页url以及当前页面url的方法
这篇文章主要介绍了使用vue-router切换页面时，获取上一页url以及当前页面url的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
最常见的多环境配置，就是开发环境配置,和生产环境配置，本文主要介绍了vue项目多环境配置的实现，感兴趣的可以了解一下2021-07-07
在我们编写css样式中是不能直接使用vue data中的变量的,下面这篇文章主要给大家介绍了关于vue如何在style标签中使用变量(数据)的相关资料,需要的朋友可以参考下2022-09-09
最新评论