顯示Vue meta i18n變數名稱而非值

Question

我有一個vue2項目，使用了vue-meta和vue-i18n來本地化項目。 在我的瀏覽器書籤中，網頁的標題沒有顯示出來，而是顯示了變數。在Google分析中也出現了相同的問題，似乎顯示了變數而不是變數中的值。

這是我Home元件的程式碼片段：

name: 'Home',
    metaInfo () {
      return {
      title: this.$t("home.meta.title"),
      meta: [{
        name: "description",
        content: this.$t("home.meta.descriptioncontent")
      }, {
        name: "keywords",
        content: this.$t("home.meta.keywordscontent")
      },
      { property: 'og:title', content: this.$t("home.meta.title")},
      { property: 'og:site_name', content: 'www.examplesite.se'},
      { property: 'og:description', content: this.$t("home.meta.descriptioncontent")},
      { property: 'og:type', content: 'Home'},
      { property: 'og:url', content: 'https://examplesite.se/'},
      { property: 'og:image', content: 'https://www.examplesite.se' '/img/' 'example_logo_social.png'}
      ]
      }
    },
    data() {
      return {
        fimagefolder: '../../Images/',
        bimagefolder: '../../fImages/',
      };
    },

所以this.$t("home.meta.title")變數儲存了瑞典文和英文的翻譯。在網站內部，它顯示了兩種語言的正確標題，但是Google分析只顯示了"home.meta.title"。

據我所了解，爬蟲程式由於沒有載入任何腳本，所以無法看到我的變數值。有什麼想法嗎？

Answer 1

看到一些你的程式碼會很好，這樣我們就能了解你是如何設定的，否則我們就有點蒙了，很難幫助你。所以，這更像是一條評論而不是一個答案，但我會分享一些可能有幫助的程式碼，而這些程式碼無法放在評論中。

我假設你正在使用vue-i18n，我猜你正在將vueMeta定義為一個物件。然而，如果你將其定義為一個函數，你就可以存取其他元件數據，包括this.$t。它們應該像這樣一起工作：

<template>
<div>
    <p>这个页面的标题应该是“Translated Title”。</p>
</div>
</template>

<script>
export default {
    metaInfo () {
        return {
            title: this.$t('title')
        }
    }
}
</script>

<i18n>
{
    "en": {
        "title": "Translated Title"
    }
}
</i18n>