vue.js - 如何在组件中使用@nuxt/content？

Question

我正在尝试在一个组件中使用 nuxt-contnt 它在带有 asyncData 的页面中运行良好，但在组件内部却无法运行

这很好用：

export default {
 async asyncData({ $content }) {
 const page = await $content('hello').fetch()

 return {
   page,
  }
 },
}

但这不起作用：

 export default {
 data() {
  return {
  content: [],
 }
 },
 async fetch({ $content }) {
  this.content = await $content('hello').fetch()

 },
}

score 1 · Accepted Answer

fetch没有任何参数但可以访问this，所以应该是

async fetch() {
  this.content = await this.$content('hello').fetch()
 }

1 回答 1