Vue中的动态Meta标签（打开图）

Question

我有一个Vue.js应用程序，当在社交媒体（主要是Facebook）上共享链接时，我想在其中使用“开放图元标记”显示一些内容（标题，描述，图像）。

我使用vue-meta在使用标题模板的地方显示标题，并且该部分效果很好（一个问题除外，这可能会在解决后解决）。

metaInfo () {
return {
  titleTemplate: this.item.title + ' | %s',
  meta: [
    {property: 'og:title', content: ' | My Site'},
    {property: 'og:site_name', content: 'My Site'},
    // The list of types is available here: http://ogp.me/#types
    {property: 'og:type', content: 'website'},
    // Should the the same as your canonical link, see below.
    {property: 'og:url', content: 'https://www.my-site.com/my-special-page'},
    {property: 'og:image', content: 'https://www.my-site.com/my-special-image.jpg'},
    // Often the same as your meta description, but not always.
    {property: 'og:description', content: 'I have things here on my site.'}
  ]
}

}，

我要在“打开图”标签中显示的数据是从firebase中检索的，并存储在对象中。

当我运行Open Graph测试（或尝试共享链接）时，它没有任何数据。

我认为它可能与SPA有关，但我还不从事Web开发。所以我的问题。