как перевести ПУНКТ, используя библиотеку Vue i18n - PullRequest
0 голосов
/ 08 января 2020

У меня есть элемент, который отображает текст таким образом

 <div class="body-1 mt-4">{{ item.titleDesc }}</div>
            </v-card-title>
            <v-card-text class="project-description">
              <v-layout row fill-height v-for="(desc, index) of item.description" :key="index">
                <v-flex
                  xs4
                  class="text-xs-right font-weight-bold text-uppercase caption px-2 py-1"
                >{{ desc.name }}</v-flex>
                <v-flex xs8 class="text-lowercase desc-text px-2 py-1">{{ desc.text }}</v-flex>
              </v-layout>
            </v-card-text>

{{item.titleDes c}}, {{des c .name}}, {{des c. текст}} У меня есть Джейсон

 "items": [
    {

      "titleDesc": "same text",
       "description": [
        {
          "name": "same text", 
          "text": "same text "
        },

, и у меня есть json с переводами

{"en-US":{"same text":"same text","same text":"same text"}

есть al oop, который проверяет ключи

Object.keys(fileJsonObject).forEach((languagesJson) => {

              messages[languagesJson] = Object.assign(messages[languagesJson] ? messages[languagesJson] : {}, fileJsonObject[languagesJson])

            })

Мне нужны вещи, которые будут переданы через мой Джейсон с переводами, а затем отображены. Как это сделать? Пожалуйста, помогите, я совершенно новичок в этом

1 Ответ

0 голосов
/ 08 января 2020

Попробуйте заменить {{ desc.text }} на {{ $t(desc.text) }}

См. документы

Если вы правильно настроили Vue -i18n это должно просто работать ....

...