vue-i18n используйте более одного слова для перевода

Question

Может быть, название не ясно, поэтому позвольте мне объяснить немного.
Я использую vue-i18n с Laravel и успешно сгенерированные файлы переводов.
Но в моем файле перевода я использовал более одного слова для перевода. снимок моих сообщений
messages:{ "Your email"="Your email", "Email"=>"Email" }
То же самое с другим языком, как тайский язык.
Внутри шаблона Vue, когда я использую

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

Перевод работает, но когда я использую

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

Он показывает сообщения. Ваша электронная почта
Может кто-нибудь помочь мне использовать два или более перевода слов?
NB: это работает в клинке 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']")}}