vue3隐式路由传参接收不到

Vue3 中的隐式路由传参，通常是在动态路由中通过 `/:param` 的形式来传递参数，如果在组件内接收不到参数，可能是以下几个原因：

1. **拼写错误**：确认你在模板中访问的 prop 名称是否与路由定义时的参数名一致，例如 `{ name: 'detail', path: '/article/:id' }` 中的 `:id`。

2. **获取数据时机**：确保在组件的生命周期钩子函数中，如 `mounted()` 或者 `setup()` 函数里正确地设置了响应式的 `this.$route.params.id`。

3. **路由配置**：检查路由配置文件（如 `router.js`），确保已将动态路径参数注入到了组件内部。你可以使用 `useRoute()` 或 `withRouter()` 钩子。

4. **路由守卫**：如果在全局或者某个特定路由上设置了守卫（如 `beforeEach`），可能会拦截参数传递。检查是否有阻止参数进入组件的行为。

5. **URL编码问题**：有时，参数值可能需要 URL 编码，确保已经解码了接收到的值。

// 示例
export default {
  setup() {
    const id = ref(this.$route.params.id);
    onMounted(() => {
      // 解码并赋值给 id ref
      id.value = decodeURIComponent(id.value);
    });
    return { id };
  },
};