<

/

>

Languages supported by the current page:

简体中文

在Nuxt项目中增加对useRoute().meta的TS类型限制

NuxtTS
# Note

Word count 971

Approximately takes time 4 minutes

Thu, July 30, 2026 at 11:31:00 UTC

Nuxt项目中,或多或少会遇到一个需求:需要限制useRoute().meta的返回值类型(覆盖默认的unknown),帮助我们进行TS类型推断预止未来可能出现的潜在问题。

具体实现

我们用一个透过definePageMeta->useRoute().meta的跨组件传值场景,作一个例子。

  1. 新建一个类型文件,拓展PageMeta接口
  2. NuxtdefinePageMeta中,即可生效新增的接口类型
src/types/route.d.ts
declare module '#app' {
  interface PageMeta {
    // 拓展类型
    bgImg?: string
  }
}

© 2019-2026 Kaz. All rights reserved.