vue-i18n 使用多词翻译

Question

也许标题不是很清楚所以让我解释一下。
我正在使用 vue-i18n 和 Laravel 并成功也生成了翻译文件。
但是在我的翻译文件中，我用了不止一个词来翻译。我的消息截图
messages:{ "Your email"="Your email", "Email"=>"Email" }
与泰语等其他语言相同。
当我使用

时在 vue 模板内部

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

翻译有效，但当我使用

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

它显示 messages.Your 电子邮件
谁能帮我用两个或多个单词翻译？？
N.B：这在 Laravel blade 中有效，但

{{ 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']")}}

vue-i18n 使用多词翻译

vue-i18n use more than one word to translate

vue.js

vue-i18n