$te 方法在包含空格时找不到现有密钥

Question

我已经在官方 vue-i18n 页面上提出了一个 [issue][1]，但是解决这个问题确实可以帮助我解决问题，这就是为什么我也在这里问的原因。

我直接使用翻译键作为英文翻译，所以一些翻译键看起来像这样 'Next':'Weiter' 其他的包含空格甚至完整的句子：'This text is translated.':'Dieser Text ist übersetzt.'.

因此，为了防止关于缺少英文翻译的一百万条警告，我想先检查密钥 (this.$te('key'))，但是当密钥包含空格时，这似乎不起作用。它 returns false 即使翻译键在那里并且翻译工作。

有人知道这个问题的解决方案还是我必须等到有人在 github page/fixes 上解决我的问题在包裹本身？

编辑： 问题已在最新版vue-i18n中修复。我的另一个问题仍然存在。缺少的处理程序选项不会阻止抛出警告，因此这也不起作用。我通过在vue实例上添加自己的翻译方法解决了它：

Vue.prototype.$trans = function (key) {
    return i18n.te(key) ? i18n.t(key) : key;
}

这样它只翻译实际存在的密钥，但如果我想使用复数等，它仍然会变得复杂，所以这不是一个长期的解决方案。 [1]: https://github.com/kazupon/vue-i18n/issues/1309

Answer 1

您所描述的问题确实存在于 7.3.2 版本中，但该版本几乎 4 years old 并且当前版本 8.24.5 可以正常工作 - 请参见下面的示例

在我看来，避免不必要的错误消息的更好方法是提供自定义 missing handler

var messages = {
  en: {},
  de: {
    'Test translation': 'Test Übersetzung'
  }
}

Vue.use(VueI18n)

var i18n = new VueI18n({
  locale: 'de',
  messages: messages
})
new Vue({
  i18n: i18n
}).$mount('#app')

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js"></script>
<script src="https://unpkg.com/vue-i18n@8"></script>
<!-- <script src="https://unpkg.com/vue-i18n@7.3.2/dist/vue-i18n.js"></script> -->
<div id="app">
  <p>de (implicit): {{ $te("Test translation") }}</p>
  <p>de: {{ $te("Test translation", 'de') }}</p>
  <p>en: {{ $te("Test translation", 'en') }}</p>
</div>

$te 方法在包含空格时找不到现有密钥

$te method doesn't find existing key if it contains spaces

internationalization

vue.js

vuejs2

vue-i18n