vue-router使用按需加载后无法获取$route信息了

Question

这是我的路由配置文件

const Home = resolve => require(['../pages/home.vue'], resolve)
export default [
    {
        path:'/home',       
        component: Home,
    }
]

发现这样以后无法获取$route信息了，(比如http://localhost:8080/home?a=1234这样的话$route.query是没有东西的)

如果是正常的就可以获取到

import Home from '../pages/home.vue'

有解决过的小伙伴吗？

Answer 1

我是放在created的时候调用的，后来发现这个问题引响并不大，created第一次进入会调用，之后每次路由变化，同组件的话，created不会再触发，取决于路由变化的时候，是不是显示同一个组件。
就是created的时候获取不到，之后都能获取到了。

Answer 2

watch: {

      '$route' (to, from){
          console.log(to);
      }
  }

Answer 3

可能是$route还没更新。

mounted () {
  console.log(this.$route)
  setTimeout(() => {
    console.log(this.$route)
  }, 1000)
}

Answer 4

你截图的变量不就是$route 本身吗

Answer 5

const Home=()=>import(/*webpackChunkName: "Home"*/'../pages/home.vue');

Answer 6

你的路由地址都还是/不是/home

Answer 7

题主这个问题解决了吗，我也遇到这个问题了。求告知

Answer 8

我也遇到类似的问题，
在app.vue 里面的mounted()里面取不到$route的值
在其子路由里面是没问题的

不知道如何理解这个问题，是不是app.vue里面是不能取$route的？是不是app.vue挂载时，$route还没有初始化？

Answer 9

当你的页面进入的时候，需要获取route的值,可以watch路由的变化，具体可参考vue-router,https://router.vuejs.org/zh/g...

Answer 10

我也遇到了，你应该用了异步加载组件了，

const Home=()=>import(/*webpackChunkName: "Home"*/'../pages/home.vue');