vue中如何进行Markdown文档展示与解析
- 一、安装插件
- 二、如何使用
需求：接口返回了一个政策详情页面，里面有图片，用v-html展示的是url，所以改用vue-markdown
一、安装插件
npm install vue-markdown --save
二、如何使用
<vue-markdown:source="detailsAll.detail"class="newConcentLeft my-markdown"
></vue-markdown>import VueMarkdown from 'vue-markdown';components: { VueMarkdown },.newConcentLeft {margin: 16px;font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 14px;color: #19181a;line-height: 20px;text-align: left;font-style: normal;white-space: pre-wrap;word-wrap: break-word;img {width: 100%;}> table {width: 100%;}> pre {white-space: normal;}
}这样url 就能显示图片了
链接: https://blog.csdn.net/it_xushixiong/article/details/131183140
)
