前端小白白啦 2022-01-26 16:00 采纳率: 37.1%
浏览 55
已结题

vue 重置路由 为什么会触发路由拦截函数

在选择用户角色时需要分配路由
router.matcher = new VueRouter({
routes

}).matcher;
addRoutersindexFun(router, VueRouter);
this.$router.push("/logins");

在点击路由跳转按钮时无报错但多次触发路由拦截
将路由重置代码删除 就不会触发
触发一次
  • 写回答

2条回答 默认 最新

  • 前端阿彬 新星创作者: 前端开发技术领域 2022-01-26 19:05
    关注

    看你路由守卫咋写的

    评论

报告相同问题？

  • Vue + Spring Boot 项目实战（六）：前端路由与登录拦截器
    2019-04-25 21:10
    Evan-Nightly的博客 前端路由的基本原理、使用 history 路由模式时后端登录拦截器的配置、Vuex 的引入以及前端拦截器的实现。
  • vue路由中前进后退的一些事儿
    2020-10-16 23:29
    在Vue项目中，前进（前进路由）一般情况下，会触发目标组件的创建和挂载，而后退（返回路由）则不会重新触发组件的创建和挂载，而是会触发激活和非激活的钩子函数，比如`activated`和`deactivated`。这通常会导致一...
  • vue中页面跳转拦截器的实现方法
    2020-08-29 15:18
    这个守卫会在每次路由跳转前触发，执行拦截逻辑，具体代码如下： ```javascript router.beforeEach((to, from, next) => { // 判断当前路由是否需要登录权限 if (to.meta.requireAuth) { // 获取Vuex状态中的...
  • vue离开当前页面触发的函数代码
    2020-10-14 20:26
    `beforeRouteLeave`是其中一个守卫，它会在路由即将离开当前组件时被调用。这个守卫接受三个参数：`to`（即将进入的目标路由对象）、`from`（当前导航正要离开的路由）和`next`（执行下一步导航的动作）。以下是如何...
  • 详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
    2020-10-18 08:19
    Vue.js 是一款流行的前端框架，它的核心特性之一就是丰富的生命周期钩子函数，这些钩子使得开发者可以在组件的不同阶段执行特定的逻辑。本文将深入探讨Vue的钩子函数，特别是路由导航守卫和`keep-alive`组件，以及...
  • vue通过路由守卫进行权限控制和登录拦截
    2023-04-28 09:18
    昊谦Dad的博客 vue路由守卫
  • Vue路由拦截问题
    2022-08-03 09:36
    DanceDonkey的博客 第三个参数next是个回调函数，如果直接调用了next(),则表示放行了。如果不允许放行，想重定向到其他路由，则可以在next函数中，传递路由参数，如。next(‘/login’)，此时需要注意的是 /...路由拦截的函数结构体。...
  • Vue前端路由vue-router
    2022-06-10 17:30
    sunbyte的博客 vue前端路由
  • vue的路由导航守卫/拦截
    2021-12-29 16:01
    崽崽彤的博客 是指路由实例上直接操作的钩子函数，特点是所有路由配置的组件都会触发，直白点就是触发路由就会触发这些钩子函数 全局守卫又分为全局前置守卫（router.beforeEach）和全局后置钩子（router.afterEach）,还有一个...
  • Vue前端路由从入门到精通
    2025-07-19 20:23
    大模型大数据攻城狮的博客 前端路由的核心是：监听URL变化，动态渲染对应的组件，而不触发页面刷新。Vue Router通过history模式或hash模式Hash模式：URL里带个#，像http://example.com/#/home，通过监听hashchange事件来切换组件。简单粗暴，...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 8月17日
  • 创建了问题 1月26日