vue.js - 如何在 Nuxt 中使用 Markdownit 模块

Question

我正在使用 Nuxt、Vuetify 和 Storyblok。当我想显示来自 storyblok 的降价时，我遇到了问题。我尝试使用Markdownit模块。

首先我使用 npm 安装它，然后导入到模块并与 v-html 一起使用，但仍然没有得到预期的结果。我做错了什么？

npm install markdown-it --save

modules: [
    ['@nuxtjs/markdownit', {
      html: true,
      linkify: true,
      breaks: true,

    }],
    ['storyblok-nuxt', {
      accessToken: process.env.NODE_ENV == "production" ? "ygL5rmck1lGa42Vaai7x1Qtt" : 'iyPj3vEKmPladyz3zeqKuwtt',
      cacheProvider: 'memory'
    }]
  ],

<p v-html="content"></p>

结果

**Bold text**
![Img](//a.storyblok.com/f/56157/700x699/2a66b0316d/photo.jpg)

Answer 1

您还需要实际使用该模块。您现在只是在导入它。

我的意思是写

<p v-html="$md.render(content)"></p>

代替

<p v-html="content"></p>