Javascript Nuxtjs项目,此.$route.meta无法打印元
我在vue页面中编写了一个元信息,当我使用“this.$route.meta”时,它不能打印任何关于元信息的内容。但是当我打开这个vue页面元素时,有一个元信息,我无法打印它。我该怎么办Javascript Nuxtjs项目,此.$route.meta无法打印元,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我在vue页面中编写了一个元信息,当我使用“this.$route.meta”时,它不能打印任何关于元信息的内容。但是当我打开这个vue页面元素时,有一个元信息,我无法打印它。我该怎么办 export default { watch: { $route() { console.log(this.$route.meta) } } } export default { components: { Teacontent }, head() {
export default {
watch: {
$route() {
console.log(this.$route.meta)
}
}
}
export default {
components: {
Teacontent
},
head() {
return {
meta: [
{ hid: 'description', name: 'description', title: 'Tea Manage' }
]
}
}
}
您在错误的位置搜索元信息。在
$route
属性中找不到nuxt页面的元信息(尽管此属性本身具有不同类型的元)
您要查找的不是this.$route.meta
,而是this.$metaInfo.meta
:
export default {
mounted() {
console.log(this.$metaInfo.meta)
},
head() {
return {
meta: [{ hid: 'description', name: 'description', title: 'Tea Manage' }]
}
}
}
如果您直接复制粘贴问题中的代码,我会更容易,因为图片不可复制粘贴,这将帮助人们自己重试