小编May*_*ker的帖子

NUXT3如何将markdown内容显示为html标签?

我正在尝试将 REST API 中的 Markdown 内容显示到我的 NUXT3 应用程序。我可以用这个获取原始数据

<h2 class="bg-slate-100 p-5 mt-5 border rounded">{{ Services.data.Test[0].Title}}</h2>
<p class="bg-slate-100 p-5 mt-5 border rounded" >{{ Services.data.Test[0].Test_Data}}</p>
Run Code Online (Sandbox Code Playgroud)

使用 DirectUS -

<script setup>
const { $directus } = useNuxtApp()
const { data: Services } = await useAsyncData('Services', () => {
    return $directus.items('Services').readByQuery()
})
// console.log($directus);
</script>
Run Code Online (Sandbox Code Playgroud)

我在没有在 Markdown 内容中设置正确的 P 和 H 标签的情况下得到这个。它看起来是原始文本..我想将其做成 html 格式,就像它应该看起来的那样。我如何在这里使用 Markdown ?在NUXT2中,我们可以使用markdownit模块...但在NUXT3中,它不兼容。我阅读了 NUXT 内容模块文档,但找不到我要找的内容。

rest vue.js nuxt.js directus

5
推荐指数
1
解决办法
2658
查看次数

Directus - 如何在 api 中显示 Many2Many 关系

我正在尝试在 Directus 中创建一个博客。我创建了博客收藏和类别收藏。我正在使用具有多对多关系的连接表将类别连接到博客。我可以创建一个新的博客文章并从类别集合中选择类别,我也可以添加一个新类别。但是当我调用 api 时,它没有在我的 rest api 调用中显示类别字段。我可以调用类别端点并查看rest api中所有类别的列表,但在博客集合端点中,我无法查看相关类别名称。

我想在我的 rest api 中查看每个博客文章的所有选定类别名称。我想在我的 rest api 中调用类别集合时查看所有博客文章,将类别名称放在项目名称/项目/类别/外星人/中,这样我就可以看到外星人类别的所有博客文章。

目前我通过在 json 中调用我的博客集合来获得这个 -

{
  "data": [
    {
      "id": 1,
      "status": "published",
      "owner": 1,
      "created_on": "2020-03-16 21:15:25",
      "blog_title": "first blog post title",
      "blog_content": "<p>sdlkjfhsdkfol8ysdmfhj sd,fh klsdhf msoiudf oihsdyfghm soreht4,7shetc,oiuh,scenclkr</p>\n<p><strong>dsfgdsfgds</strong></p>"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

如何在rest api上获取类别名称?

在此处输入图片说明

在此处输入图片说明

在此处输入图片说明

在此处输入图片说明

在此处输入图片说明

directus

1
推荐指数
2
解决办法
1481
查看次数

标签 统计

directus ×2

nuxt.js ×1

rest ×1

vue.js ×1