vue3 在router配置中根据参数进行路由重定向

在 Vue 3 中，你可以通过使用路由的 `beforeEnter` 守卫来根据参数进行路由重定向。下面是一个简单的示例：

import { createRouter, createWebHistory } from 'vue-router';

const routes = [
  {
    path: '/example/:id',
    name: 'Example',
    component: ExampleComponent,
    beforeEnter: (to, from, next) => {
      // 获取参数
      const id = to.params.id;

      // 判断参数并进行重定向
      if (id === '1') {
        next('/redirect1');
      } else if (id === '2') {
        next('/redirect2');
      } else {
        next();
      }
    }
  },
  {
    path: '/redirect1',
    redirect: '/new-path1'
  },
  {
    path: '/redirect2',
    redirect: '/new-path2'
  }
];

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router;

在上面的示例中，我们定义了一个名为 `Example` 的路由，它包含一个参数 `id`。通过在 `beforeEnter` 守卫中获取参数 `id` 的值，我们可以根据不同的值进行重定向到不同的路径。如果 `id` 的值为 `'1'`，则重定向到 `/redirect1` 路径；如果 `id` 的值为 `'2'`，则重定向到 `/redirect2` 路径；否则，继续正常导航到 `ExampleComponent` 组件。

需要注意的是，在路由配置中，我们还定义了两个重定向路由 `/redirect1` 和 `/redirect2`，它们分别重定向到 `/new-path1` 和 `/new-path2`。

这只是一个简单的示例，你可以根据实际需求做相应的修改。希望对你有所帮助！如有其他问题，请随时提问。