在单独的TS文件中使用i18n

来源：5-3 基于 vue-i18n V9 的国际化实现方案分析

慕勒857652

2021-11-05

老师我想在单独的TS文件中使用i18n

//columns.ts
export const columns: TableColumn[] = [
  {
    title: '用户名',
    dataIndex: 'username'
  },
]

我看到vue2.0中有这样的实现

const i18n = new VueI18n({
  silentTranslationWarn: true,
  locale: defaultLang,
  fallbackLocale: defaultLang,
  messages
})
export function i18nRender (key) {
  return i18n.t(`${key}`)
}

请问一下vue3.0也能实现类似i18nRender 这个方法的功能吗

写回答

1回答

Sunday

2021-11-05

你好
Vue3中的i18n与vue2大不同。我没有专门研究过ts的i18n方式，但是想来应该于js相差不大才对。具体的可以参考下i18n官方文档

慕勒857652

我主要是现在单独的TS或者JS文件中使用i18n,我看官方的文档都是要在vue文件的setup方法下,我可不可以写一个单独的方法只要导入这个方法就能在js文件中使用i18n进行国际化

2021-11-05

共1条回复

基于Vue3新标准，打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

查看课程

相似问题

import { useI18n } from 'vue-i18n' 和 import i18n from '@/i18n'

回答 1

ts下使用全局属性会抛出语法错误提示

回答 2

不是很明白这段话是什么意思，调用的顺序是什么？

回答 1

关于i18n的导入方式

回答 1

i18n 導入方式不同

回答 1

打开慕课网App查看更多内容