vue.js - vue-i18n 使用多个单词翻译

Question

也许标题不是很清楚，所以让我稍微解释一下。
我将vue-i18n与 Laravel 一起使用，并且也成功生成了翻译文件。
但在我的翻译文件中，我用了更多的词来翻译。我的消息快照
messages:{ "Your email"="Your email", "Email"=>"Email" }
与其他语言相同，例如泰语。
我使用时在Vue模板内部

{{ $t('messages.Email')}}

翻译有效，但当我使用

{{ $t('messages.Your email')}}

它显示messages.Your email
谁能帮我使用两个或多个单词的翻译？
注意：虽然这适用于 Laravel 刀片

{{ trans('messages.Your email') }}

Answer 1

您可以使用通常的括号语法访问这些属性。

纯 JS 中的示例：

const object = { 'my key': 'ABC' }

object.my key //Syntax error
object['my key'] //ABC

在您使用 vue-i18n 的情况下：

{{ $t("messages['Your email']")}}