在项目中偶然间遇到了这样的问题,routes注册设置的时候使用了懒加载的方式,如下:
routes: [
{
path: '/',
name: 'index',
// component: index //方式1
component: () => import('./views/index.vue'); //方式2
},
...
]
如果是这种方式(方式2),那么在app.vue中你如果先要在 created 或者 mounted 中,通过 this.$route.query.xx
的方式去获取xx参数的值,那就是拿不到的,如果改为方式1,那就可以取得到了。
猜想的原因应该是:项目启动,懒加载方式,路由加载注册的时候没有加载path:'/'
下的$route