javascript - 使用 vuejs i18n 的多行文本

Question

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

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

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

Answer 1

找到了一个很酷的解决方案 here .
可以通过插值来实现这一点。在本例中，{0}占位符将替换为您放入 <i18n> 的内容标签。
en.json

{
  "footer": "Built with Vue and Vue I18n{0}Powered by an excessive amount of coffee"
}

页脚.vue

<template>
  <i18n path="footer" tag="p" class="footer">
    <br />
  </i18n>
</template>