値の代わりに Vue メタ i18n 変数名を表示する

Question

vue2 プロジェクトがあり、vue-meta と vue-i18n を使用してプロジェクトをローカライズします。 ブラウザのブックマークでは、Web ページのタイトルが表示されず、代わりに変数が表示されます。 Google Analyticsでも同じ問題が発生し、変数の値ではなく変数が表示されるようです。

これはホーム コンポーネントのコード スニペットです:

名前: 'ホーム',
    メタ情報 () {
      戻る {
      タイトル: this.$t("home.meta.title"),
      メタ: [{
        名前: "説明"、
        コンテンツ: this.$t("home.meta.descriptioncontent")
      }、{
        名前: "キーワード"、
        コンテンツ: this.$t("home.meta.keywordscontent")
      }、
      { プロパティ: 'og:title'、コンテンツ: this.$t("home.meta.title")},
      { プロパティ: 'og:site_name'、コンテンツ: 'www.examplesite.se'}、
      { プロパティ: 'og:description', コンテンツ: this.$t("home.meta.descriptioncontent")},
      { プロパティ: 'og:type'、コンテンツ: 'ホーム'}、
      { プロパティ: 'og:url'、コンテンツ: 'https://examplesite.se/'}、
      { プロパティ: 'og:image'、コンテンツ: 'https://www.examplesite.se' '/img/' 'example_logo_social.png'}
      ]
      }
    }、
    データ（） {
      戻る {
        fimagefolder: '../../Images/',
        bimagefolder: '../../fImages/',
      };
    },

つまり、this.$t("home.meta.title") 変数​​には、スウェーデン語と英語の翻訳が格納されます。サイト内では両方の言語で正しいタイトルが表示されますが、Google Analytics では「home.meta.title」のみが表示されます。

私が理解したところによると、スクリプトがロードされていないため、クローラーは変数値を認識できません。何か案は？

Answer 1

設定方法を理解するために、コードの一部を見せていただければ幸いです。そうしないと、私たちはまったく知識がなく、お手伝いするのが困難です。したがって、これは回答というよりもコメントですが、コメントには入れられない役立つ可能性のあるコードをいくつか共有します。

vue-i18n を使用していて、vueMeta をオブジェクトとして定義していると思います。ただし、関数として定義すると、this.$t などの他のコンポーネント データにアクセスできます。これらは次のように連携する必要があります:

リーリー