vue.js - vue-i18n：带有 html 标签的组件插值

Question

我正在使用此处描述的组件插值，但我的翻译字符串中还有一些 html 标记用于格式化目的。我应该如何处理？

<i18n
    path="description"
    tag="p"
    :places="{ value1, value2, routerLink }"
/>

我的 .yml 文件中的相应键如下所示：

description: Lorem ipsum <nobr><strong>{value1}&#8201;%</strong></nobr> some more text <nobr><strong>{value2}&#8201;%</strong></nobr> and some more text. Go to {routerLink} for more info.

Answer 1

尝试使用v-html指令

<i18n
    v-html="description"
    tag="p"
    :places="{ value1, value2, routerLink }"
/>

另一种方法是可以使用解释 HTML 实体的计算，请参阅此