Vuejs2 覆盖数据表数据

Vuejs2 覆盖数据表数据,vuejs2,manifest,progressive-web-apps,nuxt.js,Vuejs2,Manifest,Progressive Web Apps,Nuxt.js,我有一个清单,上面有一些东西,比如名字等,这也会立即为我的页面显示元标记。现在我想在我的个人页面上使用Meta标记,问题是Manifest Meta标记不会被覆盖,这导致它们对Facebook等网站具有更高的优先级 清单示例: manifest: { theme_color: '#1a1a1a', name: 'Stackoverflow', short_name: 'SO', description: 'Questions and Answers',

我有一个清单,上面有一些东西,比如名字等,这也会立即为我的页面显示元标记。现在我想在我的个人页面上使用Meta标记,问题是Manifest Meta标记不会被覆盖,这导致它们对Facebook等网站具有更高的优先级

清单示例:

  manifest: {
    theme_color: '#1a1a1a',
    name: 'Stackoverflow',
    short_name: 'SO',
    description: 'Questions and Answers',
    lang: 'de'
  },
页面中的更改示例:

  head () {
    return {
      meta: [
        { name: 'og:url', content: 'www.notstackoverflow.com' },
        { name: 'og:type', content: 'article' },
        { name: 'og:title', content: this.post.titel },
        { name: 'og:description', content: this.post.subtitel },
      ]
    }
  },
问题是它仍然使用清单中的标题和描述,而不是页面。如果我继续查看源代码,它只会在清单之后添加页面中的清单

Nuxt+PWA模块

必须为每个元添加hid属性:

 head () {
    return {
      meta: [
        { hid: 'og:url', name: 'og:url', content: 'www.notstackoverflow.com' },
        { hid: 'og:type', name: 'og:type', content: 'article' },
        { hid: 'og:title', name: 'og:title', content: this.post.titel },
        { hid: 'og:description', name: 'og:description', content: this.post.subtitel },
      ]
    }
  },

为避免在子组件中使用时出现任何重复,请使用hid密钥提供唯一标识符


10分钟前找到了完全相同的解决方案,仍然感谢您的回答,这是正确的。