vue.js - 如何在 Nuxt 中使用 Markdownit 模块
问题描述
我正在使用 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)
解决方案
您还需要实际使用该模块。您现在只是在导入它。
我的意思是写
<p v-html="$md.render(content)"></p>
代替
<p v-html="content"></p>
推荐阅读
- c++ - 尝试更改二维向量的值时出现问题
- mysql - 当 ID 是另一列的一小部分时,如何选择对象?
- java - 如何通过 nginx 反向代理调试远程 Java 应用程序
- node.js - How to handle options object sent by dc.beginDialog to other component dialog
- python - Trouble scraping a website link using requests
- performance - Entity Framework Core - 来自其他数据库的 Upsert 实体遇到跟踪问题
- python - Conditional renaming of multiple files from multiple subfolders based on a list of prefix
- javascript - How to not import Vue in main js and store
- mongodb - 查找管道:`$match` 本地字段 `$in` 数组当 from value 是数组并且要找到本地值时
- c# - Azure 应用注册 - C# 应用的 SQL Server 权限