如何使用 useHead 在 Nuxt3 中加载标题中的变量？

Question

我想在 Nuxt3 的头部标题中加载一个变量。

有人可以解释它是如何工作的吗？

我尝试使用 useHead 和 useAsyncData。（jobData 是 useAsyncData 中的变量，未定义）

useHead({
    title: route.params.job.replace('-', ' '),
    // titleTemplate: "%s - test"
    meta: [
        { name: 'description', content: `${route.params.job.replace('-', ' ')} - Lorem ipsum` },
        { name: 'keywords', content: jobData.value.values.map(x => ` ${x}`) }
    ],
});

谢谢

Answer 1

加载变量后调用 useHead() 可组合项。

例如。

async function loadValue() {
    const response = await useAsyncData("some-endpoint-")
    value = response.data
    useHead({
       title: `${value}`
    })
}

希望能帮助到你！