How to pass parameters to translations

Question

I'm using vuejs 3 with TS.

I created the translation files in TS like this:

index.ts:

export default {
 'example': 'example',
}

In order then to use it in this way:

{{ $t('example') }}

Now I would like to pass a parameter to the translation, like, for example:

index.ts:

export default {
 'hi_man': 'Hi {name}',    //where the name is the parameter
}

How can I do this?

Answer 1

也许你应该考虑阅读文档： https : //kazupon.github.io/vue-i18n/guide/formatting.html#named-formatting

<p>{{ $t('hi_man', { name: 'Monkey' }) }}</p>