quasar vue3使用i18n

李恒道

模板中

在模板中照常使用$t函数

setup函数中

let {t}=usei18n()

得到i18n的t函数

当做$t使用即可

注意，usei18n存在作用域问题

仅可在setup函数中执行该hanshu

其他模块文件

let {t}=i18n.global

该i18n对象为export导出的createI18n函数

以quasar为例

我们修改boot文件的i18.ts/js为

import { boot } from 'quasar/wrappers';
import { createI18n } from 'vue-i18n';

import messages from 'src/i18n';
export const i18n = createI18n({
  locale: 'zh-HK',
  messages,
});

export default boot(({ app }) => {

  // Set i18n instance on app
  app.use(i18n);
});

将创建的const i18n文件导出

然后在位置import {i18n} from 'src/boot/i18n.ts'

最后

let {t}=i18n.global

这里用的是对象解构函数

拿到t函数后正常传入即可