Nuxt 3:如何将useHead()与在useAsyncData()中提取的异步数据一起使用

在加载变量后调用useHead()compositable。

例如

<script setup>
 const { find } = useStrapi4();
 
 const loadData = async () => {
    const { data } = await await useAsyncData('posts', () => find('posts'));

    useHead({
      title: data.data[0].attributes.title,
    });
  };

loadData()

</script> 

希望它能有所帮助!

如果您想在useAsyncData之外继续使用useHead(),请尝试data.value:

<script setup>
  const { find } = useStrapi4();
  const { data } = await useAsyncData(
      "posts",
          () => find("posts"),
      );
    
  useHead({
      title: data.value.data[0].attributes.title,
  })
 </script> 

希望能有所帮助。