提问人：Blackernel 提问时间：9/4/2023 最后编辑：ReaganBlackernel 更新时间：9/5/2023 访问量：77
如何从 Nuxt 3 脚本访问 Markdown 前端属性
How to Access markdown front matter properties from Nuxt 3 script
问：
比方说，我已经建立了一个文档驱动的Nuxt Content项目。有一个包含以下内容的 Markdown 内容文件：/content/about.md
---
title: About Me
status: complete
layout: page
---
## This is a heading
在文件中，我有以下代码来呈现内容：/layouts/page.vue
<template>
<div>
<h1>{{ page.status }}</h1> <!-- it works -->
<slot />
</div>
</template>
<script setup>
const { page } = useContent();
console.log(page.status); // but this doesn't work, shows 'page' as "undefined"
</script>
如代码中所述，我无法从该部分访问 frontmatter 属性，但它可以在模板内访问。statusscript setup<h1>{{ page.status }}</h1>
我怎样才能访问它？我做错了什么？谢谢。
答：
0赞
Reagan
9/5/2023
#1
我认为您应该添加到..valuepage
<script setup lang="ts">
const { page } = useContent()
console.log(page.value.status)
</script>
评论