从 Nuxt.js 中的商店加载页面标题

Question

我正在尝试加载商店后的页面标题。但是，我不确定如何正确执行。这就是我理解应该这样做的方式，但它不起作用。它表示该对象尚未加载（无法读取未定义的属性“p_pdf_ad_headlines”）。

我将如何在 Nuxt 中做到这一点？

async fetch({ store, params }) {
    await store.dispatch('getMixedLanding', { id: params.id })
},
head() {
    return {
        title: this.$store.state.landing.p_pdf_ad_headlines.page_headline
            .text
    }
}

Answer 1

我想通了。对于其他人来说，我唯一做的就是将dispatch 函数放入fetch 函数中。 head 保持不变。

    async fetch({ store, params }) {
        const response = await axios.get(
            'http://example.com/item/' + params.id + '/'
        )
        store.commit('mixedResponse', response)
    },