値の代わりに Vue メタ i18n 変数名を表示する
<p>vue2 プロジェクトがあり、vue-meta と vue-i18n を使用してプロジェクトをローカライズします。
ブラウザのブックマークでは、Web ページのタイトルが表示されず、代わりに変数が表示されます。 Google Analyticsでも同じ問題が発生し、変数の値ではなく変数が表示されるようです。 </p>
<p>これはホーム コンポーネントのコード スニペットです: </p>
<pre class="brush:php;toolbar:false;">名前: 'ホーム',
メタ情報 () {
戻る {
タイトル: 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/',
};
},</pre>
<p>つまり、this.$t("home.meta.title") 変数には、スウェーデン語と英語の翻訳が格納されます。サイト内では両方の言語で正しいタイトルが表示されますが、Google Analytics では「home.meta.title」のみが表示されます。 </p>
<p>私が理解したところによると、スクリプトがロードされていないため、クローラーは変数値を認識できません。何か案は？ </p>
