App.vue mounted钩子里面输出this 和this.$route的值不同的问题

新手上路,请多包涵

配置路由重定向后:在app.vue拿当前路由不是重定向之后的路由,使用定时器后可以拿到。
路由中代码是这样写的

 {
    path: '/',
    component: Layout,
    redirect: '/dashboard',
    children: [
      {
        path: 'dashboard',
        component: () => import('@/views/dashboard/index'),
        name: 'Dashboard',
        meta: { title: 'Dashboard', icon: 'dashboard', affix: true }
      }
    ]
  },

app.vue中的代码:

mounted() {
    console.log(this, 'app')
    console.log(this.$route, 'app')
    setTimeout(() => {
      console.log(this.$route, 'zzzzzzzzzzzz')
    }, 10)
  }

控制台输出,this中可以拿到$router,但是直接输出this.$router却没有

DEVTOOL

图片描述

跟同事讨论了没有结果,求大佬帮忙~~

阅读 3.4k
1 个回答

重定向不是说在跳转之前就重定向了, 也要有个执行过程的..

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题