Question

我有一个以这种方式显示文本的元素

 <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.titleDesc}}，{{desc.name}}，{{desc.text}} 我有杰森

 "items": [
    {

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

我有带翻译的json

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

有一个循环检查密钥

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

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

            })

我需要将物品与翻译一起传递给我的杰森，然后显示出来。该怎么办？请帮忙，我对此完全陌生

Answer 1

尝试将{{ desc.text }}替换为{{ $t(desc.text) }}

请参见docs

如果您有Vue-i18n setup correctly，那么它应该可以正常工作....

如何使用Vue i18n库翻译ITEM

1 个答案: