vue-i18n使用多个单词进行翻译

Question

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

  

{{$ t（'messages.Email'）}}

翻译有效，但是当我使用

  

{{$ t（'messages.Your email'）}}

它显示 消息。您的电子邮件
有人可以帮我使用两个或多个单词翻译吗？
N.B：虽然可以在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']")}}