有没有一种方法可以在Gridsome的布局中引用MetaInfo？

Question

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

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

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

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

Answer 1

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

尝试一下：

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

在您的导出默认设置中，请使用以下命令：

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