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

Question

我正在使用here中所述的分量插值，但在我的翻译字符串中也有一些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实体see this

的计算式