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 标记的消息/句子。

你在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>

希望这个答案会有所帮助！谢谢。