nuxt.js在vue.js组件中获得默认标题

Question

我正在尝试获取由nuxt.config.js在vue布局中配置的head对象。为了在应用栏中显示与页面标题相同的标题。

我知道您可以在vue组件中使用head函数更改页面标题。但是也可能以某种方式检索此信息吗？

<script>
export default {
  data () {
    return {
      title: head.titleTemplate // possible?
    }
  },
  head () {
      // here it is possible to change it but how about getting it?
  }
}
</script>

另一种方法可能是从nuxt.config.js的页面中获取一些数据。但是我认为这不是层次结构的结构。

感谢您的帮助，我刚刚开始使用javascript对网站进行编码：）

Answer 1

（（如果我对您的理解正确），您可以使用更改后的回调来跟踪所使用的最新元信息（以及标题）。

示例：

head() {
  return {
   changed: (info) => {
     this.title = info.title;
     console.log(info, info.title);
    },
  };
},
data() {
  return {
    title: '',
  };
},