这篇文章主要介绍“vue router动态路由清除方式是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“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
}
router没有提供清空数据的方法。我们可以这样写
this.$router.replace({path: '/login'});
location.reload();
关于“vue router动态路由清除方式是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。