问题标签 [vue-meta]

我有一个带有动态路由器的页面，例如商店中的产品。在 asyncData 的帮助下，我使用 head 函数在页面中嵌入了一个脚本（例如 alert(1)）。

但是当把路由器改成同类型的页面（产品间切换）时，脚本就不再执行了。如何解决？我希望在每次访问页面时执行脚本。

低于在 nuxt.config.js 的 head 标记中内联字体声明的正确方法。尝试遵循https://web.dev/font-best-practices/中字体加载策略的最佳实践。样式标签似乎不起作用。谁能帮忙？！

我正在开发一个 Nuxtjs 项目，我想在文档部分添加 SEO 元标记。根据官方文档，有三种方法可以实现这一点。

问题- 如果有可用的全局配置，则不会选择本地配置。我希望全局设置用于我没有指定头部对象或函数的页面。如果我指定了 head 选项，那么它应该覆盖默认值（即全局）

代码部分

我已经使用 nuxt.config.js 设置了全局配置，如下所示

nuxt.config.js

对于我的测试页面，我使用本地配置如下

测试/index.vue

但是当我访问测试页面时，网页的标题显示为“我的网站默认标题”，但我想显示“测试页面”。

如果我从 nuxt.config.js 中删除全局配置，那么它工作正常。但是对于我没有 head 选项的页面，它不会包含它们的 SEO 元标记。

我正在尝试在 setup 函数之外使用 vue-meta-3 useApi 来访问与我的组件关联的数据并将其添加到元标记中。根据文档https://github.com/nuxt/vue-meta/tree/next#quick-usage，这应该是可能的。但是，当我这样做时，子组件元数据不再覆盖父组件。

如果我使用设置函数，则子元数据会覆盖父元数据，但我无法访问设置函数中的组件数据（没有一些 Vue 不推荐的技巧，例如使用 getComponentInstance）。

请注意，我将 metaManager 存储在 Vuex 中，并在子组件中访问它。

这就是我在 mount 函数中调用的内容

众所周知，Vue js 在模板中工作。所以它动态地加载页面的内容。因此无法手动更改元标记。所以有一个叫做vue meta的包，用来动态改变 vue 页面的 meta 标签。但问题是当我动态更改元标记时它只会在检查中更改。但是当我打开页面源时，它并没有改变。

您可以在此处查看检查器中的元标记

但是页面源没​​有变化

我什至为此尝试了服务器端渲染。有什么解决办法吗？？

提前致谢

我一直在尝试使用 Vuejs3 useHead 包并添加动态标题和描述元，但我得到 $route 未定义....我需要帮助...

peoductDetails.vue:

我有一个客户端渲染的 SPA 应用程序，在 nuxt.config.js 中有以下设置：

现在我有一个动态页面，在该页面下pages/sample/_id.vue使用 SPA 后备可以正常工作。在该页面中，我试图通过head属性设置元标记，其中包含来自子组件的数据，如下所示：

但是当我打开页面时，我得到了错误TypeError: myComponent is undefined，因为它试图在创建具有必要数据的子组件之前设置头部。我尝试通过使 head 方法异步并像这样等待来解决Vue.nextTick()此问题：

这修复了类型错误，但即使 console.log 从子组件打印正确的值，它也不会设置标题。我怎样才能让它正确设置标题？

我在当前代码中插入 vue-meta 逻辑，似乎有一个问题在触发metaInfo时还不可用。watch

this.metaInfo在这个 Vue 生命周期阶段未定义的失败。该怎么办？