vue-i18n在使用$t时提示类型错误

1. 问题描述

Vue3项目中,使用vue-i18n,在模版中使用$t时,页面可以正常渲染,但是类型报错。

相关依赖版本如下:

json 复制代码
"dependencies": {
    "vue": "^3.4.29",
    "vue-i18n": "^9.14.0",
    // 其它依赖
},

2. 解决方法

手动给 $t 添加类型声明。

创建一个类型声明文件vue-i18n.d.ts,并将其添加到 tsconfig.json 配置文件的 include 配置项中。文件内容如下:

ts 复制代码
export {};

declare module '@vue/runtime-core' {
    // 提供全局属性 `$t`
    interface ComponentCustomProperties {
        $t: (message: string) => string;
    }
}

参考文档

相关推荐
CherishTaoTao1 天前
Vue3 keep-alive核心源码的解析
前端·vue3
虞泽3 天前
鸢尾博客项目开源
java·spring boot·vue·vue3·博客
前端杂货铺4 天前
简记Vue3(三)—— ref、props、生命周期、hooks
vue.js·vue3
静谧的美4 天前
vue3-element-admin 去掉登录
vue.js·前端框架·vue3·去掉登录
朝阳395 天前
vue3【组件封装】确认对话框 Modal
vue3·组件封装
朝阳395 天前
vue3【组件封装】消息提示 Toast
vue3·消息提示·组件封装
占星安啦5 天前
【electron+vue3】使用JustAuth实现第三方登录(前后端完整版)
electron·vue3·登录·justauth·第三方登录
前端烨6 天前
element-plus版本过老,自写选项弹框增删功能
前端·javascript·css·vue3·element-plus
前端杂货铺6 天前
简记 Vue3(一)—— setup、ref、reactive、toRefs、toRef
vue·vue3·简记