vue路由传参不显示参数

在 Vue Router 中，如果你传递参数但是页面上看不到或者参数没有显示，可能是以下几个原因导致的：

1. **路径书写错误**：确认你是否正确地在 URL 中包含了需要传递的参数，例如：`{}/detail/:id`，并且在调用时使用了正确的参数格式，如 `this.$router.push('/detail/123')`。

2. **动态路由配置**：确保动态部分 (`:` 后面的部分) 已经正确映射到了组件内的 props，例如在 `components` 对象中指定。

{
  path: '/detail/:id',
  name: 'Detail',
  component: ({ match }) => import('@/views/Detail.vue'),
  props: ['id']
}

然后在 Detail 组件里可以使用 `this.$props.id` 来获取参数。

3. **组件内部获取参数**：在组件内部获取参数通常发生在 mounted 钩子中，而不是在模板中直接引用。如果在模板中尝试使用 `<router-view :id="id"></router-view>`，`id` 可能不会自动更新，而是在组件实例创建时绑定的。

4. **路由守卫（Guards）影响**：某些路由守卫如 `beforeEach` 可能会影响到参数的显示，确保它们不是阻止参数传播的原因。

5. **Vue Router 版本差异**：检查你的 Vue Router 版本，旧版本可能存在一些兼容性问题。

如果以上都没有问题，检查浏览器的开发者工具网络面板，看看请求的 URL 是否正确包含参数，并查看服务器端是否有返回的异常信息。