Nuxtjs 项目，this.$route.meta 无法打印 meta答案

【问题标题】：Nuxtjs project , this.$route.meta can not print metaNuxtjs 项目，this.$route.meta 无法打印 meta
【发布时间】：2020-03-21 00:57:06
【问题描述】：

好吧，我在 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' }
      ]
    }
  }
}

【问题讨论】：

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

标签： javascript vue.js nuxt.js

【解决方案1】：

您在错误的位置搜索元信息。在 $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' }]
    }
  }
}

【讨论】：