Vue.js 获取nuxt内容中的正文数据

Vue.js 获取nuxt内容中的正文数据,vue.js,nuxt-content,Vue.js,Nuxt Content,我已经使用 我试图在一个页面上显示所有需要的内容 以下是我如何显示我的内容: <li v-for="portfolioItem of portfolio" :key="portfolioItem.slug"> <nuxt-link @click.native="setCurrentPortfolioItem(portfolioItem)" :to="`#${portfolioItem

我已经使用

我试图在一个页面上显示所有需要的内容

以下是我如何显示我的内容:

     <li v-for="portfolioItem of portfolio" :key="portfolioItem.slug">
        <nuxt-link @click.native="setCurrentPortfolioItem(portfolioItem)" :to="`#${portfolioItem.slug}`">

          <p class="title">{{ portfolioItem.title }}</p>
      

        </nuxt-link>
      </li>
     
   <div v-if="currentPortfolioItem" :id="currentPortfolioItem.slug">{{ currentPortfolioItem.body }}</div >
   
现在我的想法是,当我按下
numxt link
按钮时,我会在下面打开一个div,显示.md文件的内部

我面临的问题是,从nuxt/content文档中读取如何显示.md文件正文的唯一方法是使用以下命令:

 <nuxt-content :document="page" />
因此,我不知道如何继续从这里,也许有人有一个很好的黑客或想法如何做到这一点

 <nuxt-content :document="page" />
body: Object
 children: Array(15)
  0: {__ob__: Observer}
  1:
   type: "text"
   value: "\n"