Vuejs2 覆盖数据表数据
我有一个清单,上面有一些东西,比如名字等,这也会立即为我的页面显示元标记。现在我想在我的个人页面上使用Meta标记,问题是Manifest Meta标记不会被覆盖,这导致它们对Facebook等网站具有更高的优先级 清单示例: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',
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分钟前找到了完全相同的解决方案,仍然感谢您的回答,这是正确的。