第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在路由/網(wǎng)址更改時更新 vue-meta?

如何在路由/網(wǎng)址更改時更新 vue-meta?

UYOU 2022-07-08 10:28:24
路線更改時,我網(wǎng)站上的元數(shù)據(jù)不會更新。路線本身有一個watch可以很好地更新視圖,但從metaInfo()沒有vue-meta跟上。我的<script>代碼部分如下所示:<script>    export default {        name: "Product",        watch: {            '$route.params.ProductID': {                deep: true,                immediate: true,                handler() {                    this.getProduct(); // calls getProduct() on route change. Can I also call metaInfo() from here somehow?                }            }        },        metaInfo() {            return {            title: this.Product.ProductTitle,            meta: [                {                    name: 'description', content: this.Product.ProductTitle                }            ]        }        },        computed: {            Product() {                return this.$store.getters.getProduct            }        }, mounted() {            if (this.Product == null || !this.Product.length) {                this.getProduct();            }        }, methods: {            getProduct() {                return this.$store.dispatch('loadProduct', {ProductID: this.$route.params.ProductID})            }         }    }</script>發(fā)生的事情是,當(dāng)我更改路線并從/product/123to/product/124時,metaInfo()仍然顯示/product/123. 如果我點(diǎn)擊刷新,則metaInfo()更新并顯示/product/124.我需要watch觸發(fā)更新metaInfo()但不知道該怎么做。我在任何地方的文檔中都找不到此信息。請幫忙?
查看完整描述

1 回答

?
BIG陽

TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個贊

對于反應(yīng)式,在 return 語句之外使用變量。


metaInfo() {

    const title = this.Product.ProductTitle;


    return {

        title: title,

        meta: [

            {

                name: 'description', content: title

            }

        ]

    }

}

https://vue-meta.nuxtjs.org/guide/caveats.html#reactive-variables-in-template-functions


查看完整回答
反對 回復(fù) 2022-07-08
  • 1 回答
  • 0 關(guān)注
  • 121 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號