小编Ali*_*ani的帖子

使用 vue-meta 组合 API 的 Vue3 中的动态标题

我正在尝试使用组合 API 获取 useMeta 的动态标题,但它不起作用。

<script setup>
import { computed } from 'vue'
import { POST } from '@/constants/blog'
import { useQuery, useResult } from "@vue/apollo-composable";
import { useRoute } from 'vue-router'
import { useMeta } from "vue-meta";

  const route = useRoute();
  const variables = computed(() => ({
    slug: route.params.slug,
  }));
  const { result, loading, error } = useQuery(
    POST, variables
  );
  const post = useResult(result, null, data => data.post.data );
  const metaTitle = computed(() => ({
    title: post.attributes.title,
  })); …
Run Code Online (Sandbox Code Playgroud)

javascript vue-meta vuejs3 vue-composition-api

5
推荐指数
1
解决办法
2448
查看次数