vue3 改写 vue-i18n $t

1,045 阅读1分钟

vue3 引入vue-i18n-next

npm install vue-i18n@9 --save

由于国际化的语言包是由后端统一进行lowercase处理后返回前端,前端很多地方都使用的驼峰命名法,所以直接使用i18n的$t无法统一处理key,所以就只好重写$t方法统一去lowercase处理

先在main.ts里引入 然后重写i18n的$t为$et

image.png

最后在组件里这样使用

image.png

以上就是重写$t的方法,如有不足,欢迎指正;