我正在尝试在 setup 函数之外使用 vue-meta-3 useApi 来访问与我的组件关联的数据并将其添加到元标记中。根据文档https://github.com/nuxt/vue-meta/tree/next#quick-usage,这应该是可能的。但是,当我这样做时,子组件元数据不再覆盖父组件。
如果我使用设置函数,则子元数据会覆盖父元数据,但我无法访问设置函数中的组件数据(没有一些 Vue 不推荐的技巧,例如使用 getComponentInstance)。
请注意,我将 metaManager 存储在 Vuex 中,并在子组件中访问它。
这就是我在 mount 函数中调用的内容
useMeta(
{
title: 'Offer',
og: {
description: ` is the description`,
},
},
this.metaManager
);