vue.js - 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