首頁  >  問答  >  主體

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

<p>我有一個vue2項目,使用了vue-meta和vue-i18n來本地化項目。 在我的瀏覽器書籤中,網頁的標題沒有顯示出來,而是顯示了變數。在Google分析中也出現了相同的問題,似乎顯示了變數而不是變數中的值。 </p> <p>這是我Home元件的程式碼片段:</p> <pre class="brush:php;toolbar:false;">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/', }; },</pre> <p>所以this.$t("home.meta.title")變數儲存了瑞典文和英文的翻譯。在網站內部,它顯示了兩種語言的正確標題,但是Google分析只顯示了"home.meta.title"。 </p> <p>據我所了解,爬蟲程式由於沒有載入任何腳本,所以無法看到我的變數值。有什麼想法嗎? </p>
P粉510127741P粉510127741441 天前512

全部回覆(1)我來回復

  • P粉448346289

    P粉4483462892023-08-27 00:51:43

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

    我假設你正在使用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>

    回覆
    0
  • 取消回覆