vue.js - 使用vuejs i18n的多行文字

我正在使用i18n单个文件组件在我的应用程序上提供翻译支持。为此，我正在使用以下标记

<i18n>
{
  "fr": {
    "text": "blabla in french
             blabla
             bla"
  },
  "en": {
    "text": "blabla in english
             bla"
  }
}
</i18n>

但是我有多行带有html格式的文本，如何对长html文本使用语言处理？

最佳答案

尝试实现以下代码行，因为它对我有用:

<i18n>
{
    "fr": {
        "text": "blabla in french <br /> blabla <br /> bla"
    },
    "en": {
        "text": "blabla in english <br /> bla"
    }
}
</i18n>



<span v-html="$t('text')"></span>