複製程式碼
當編輯器使用的是markdown時,我們前端接收到的資料是類似這種的:
為了是我們的展示的資料樣式更好看些,我們可以引入github-markdown-css來給我們要展示的內容新增一些樣式。話不多數,直接上操作:
1.安裝
npm install github-markdown-css 或 cnpm install github-markdown-css複製程式碼
2.引入
import 'github-markdown-css';複製程式碼
3.使用
注意容器div要新增markdown-body類名
<div class="markdown-body" v-html="topic_data.content"></div>複製程式碼