beforeRouteEnter路由重定向携带参数

在Vue的路由守卫中，可以使用`beforeRouteEnter`来进行路由重定向，并且携带参数。下面是一个示例代码：

beforeRouteEnter(to, from, next) {
  if (!localStorage.getItem('token')) {
    next('/login') // 重定向到登录页
  } else {
    next({ path: '/target', query: { id: '123' } }) // 重定向到目标页，并携带参数
  }
}

在上述代码中，如果没有`token`存在于`localStorage`中，将会重定向到登录页`/login`。如果`token`存在，则会重定向到目标页`/target`，并且携带参数`id`，参数值为`123`。

在目标页中，可以通过`this.$route.query.id`来获取携带的参数值。例如，`console.log(this.$route.query.id)`将会输出`123`。

相关问题

beforeRouteEnter 重定向路由

beforeRouteEnter 不能用于重定向路由。它是在进入路由之前执行的路由钩子函数，主要用于在进入路由前获取数据或进行其他操作。如果需要重定向路由，可以使用路由重定向的方式进行设置。

示例代码：
routes: [
// 其他路由规则
{ path: '*', redirect: '/home' } // 重定向到 '/home' 路由
]

beforeRouteEnter获取路由param参数

在Vue的路由守卫中可以使用beforeRouteEnter获取路由param参数。具体实现方法如下：

beforeRouteEnter(to, from, next) {
  next(vm => {
    console.log(vm.$route.params.paramName);
  });
}

其中，to表示即将要进入的目标路由对象，from表示当前导航正要离开的路由对象，next是一个必须调用的方法，用于进行管道中的下一个钩子。在next方法中，可以通过回调函数获取到组件实例vm，从而可以通过vm.$route.params.paramName获取到路由参数。