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的跨组件传值场景,作一个例子。
- 新建一个类型文件,拓展
PageMeta接口 - 在
Nuxt的definePageMeta中,即可生效新增的接口类型
src/types/route.d.ts
declare module '#app' {
interface PageMeta {
// 拓展类型
bgImg?: string
}
}