使用 nuxtjs 内容显示字符串中的降价内容

Question

假设，我的数据库中有一个包含 markdown 内容的字符串，在从数据库中获取该字符串后，如何在不使用 md 扩展的情况下使用 nuxtjs 内容模块显示它？谁能告诉我该怎么做？

Answer 1

根据您的要求，您不必使用 nuxt 内容模块来呈现一些降价，而是可以使用 @nuxtjs/markdownit

之类的东西

将此添加到您的项目后，您可以使用 $md 通过以下配置在您的文档中呈现降价

nuxt.config.js

{
  modules: [
    '@nuxtjs/markdownit'
  ],
  markdownit: {
    runtime: true // Support `$md()`
  }
}

page/component.vue

<template>
  <div v-html="$md.render(model)"></div>
</template>

<script>
export default {
  data() {
    return {
      model: '# Hello World!'
    }
  }
}
</script>

使用 nuxtjs 内容显示字符串中的降价内容

Displaying markdown content from a string using nuxtjs content

nuxt.js