i18n : 翻译其中一个单词是粗体的句子

Question

我想翻译这个句子 in i18n

Select <b>branch(s)</b> you want to send selected product
after selecting Branch Click on submit

如您所见，上面句子中的一个词在 <b> 标签中。

我有这个解决方案，但我不是确定这是不是最好的方法。

$t('part1') <b>$t('part2')</b>  $t('part3')

所以，你知道更好的翻译方法吗？？

Answer 1

根据您的要求，我们必须翻译包含 HTML 标签的 message/sentence。

您在OP中提到的解决方案$t('part1') <b>$t('part2')</b> $t('part3')难以管理且复杂。您可以使用 i18n functional component 来避免它。例如 :

您的语言 JSON 将如下所示：

const messages = {
  en: {
    info: 'Select {branchText} you want to send selected product after selecting Branch Click on submit.',
    subText: 'branch(s)',
  }
}

模板将如下所示：

<i18n path="info" tag="p">
  <template v-slot:branchText>
    <b>{{ $t('subText') }}</b>
  </template>
</i18n>

希望这个回答对您有所帮助！谢谢。

i18n : 翻译其中一个单词是粗体的句子

i18n : translate a sentence that one of words is bold

internationalization

vue.js

nuxt.js

vue-i18n