vue-i18n 使用多个单词翻译

Question

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

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

翻译有效，但当我使用时

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

它显示 messages.Your 电子邮件
谁能帮我用两个或更多的词翻译？？
注意：这在 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']")}}