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
)
