vue.js - NuxtJS 混合问题

Question

我目前正面临一个关于 NuxtJS 的奇怪问题。

在为组件创建混合后，我可以访问/打印组件数据中的字段。

export default () => {
  return {
    head () {
      console.log(this.story)
    }
  }
}

工作正常。但是在我尝试访问对象story本身之后，它变得未定义。

export default () => {
  return {
    head () {
      console.log(this.story)
      const title = this.story.content.title
      console.log(title)
    }
  }
}

无法读取未定义的属性“内容”

的日志语句this.story也是未定义的。

我注册这个 mixin 的组件使用了另一个返回story数据字段的组件。

export default{
  name: 'Default',
  components: {Page},
  mixins: [
    FetchData({
      preview: false
    }),
    addMetaTags()
  ]
}

我错过了什么？

标签： vue.jsnuxt.js