李恒道 发表于 2022-2-26 18:36:43

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为

```javascript
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函数后正常传入即可
页: [1]
查看完整版本: quasar vue3使用i18n