vue.js - 有没有办法在 Gridsome 的布局中引用 MetaInfo？

Question

使用 Gridsome，我想在布局组件中引用任何给定页面的 MetaInfo，如下所示：

 <h1 class="page-title">
   {{ metaInfo.title }}
 </h1>

在页面中，我确实定义了这样的元信息（并且确实正确填充了头部）

export default {
  metaInfo: {
    title: 'About'
  }
}

Answer 1

您必须将 metaInfo 对象更改为函数并返回标题对象。

尝试这个：

<h1 class="page-title">
  {{ $metaInfo.title }}
</h1>

在您的导出默认值中使用：

metaInfo() {
  return {
    title: 'About'
  };
}