Javascript Nuxtjs项目,此.$route.meta无法打印元

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() {

我在vue页面中编写了一个元信息,当我使用“this.$route.meta”时,它不能打印任何关于元信息的内容。但是当我打开这个vue页面元素时,有一个元信息,我无法打印它。我该怎么办

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' }]
    }
  }
}

如果您直接复制粘贴问题中的代码,我会更容易,因为图片不可复制粘贴,这将帮助人们自己重试