先上效果图 如图所示,在网页中,能直接解析markdown文档,并且生成目录大纲,也支持点击目录标题跳转到对应栏目中,下面就来讲讲是如何实现此功能的。 1、下载vue-markdown yarn add vue-markdown 2、在页面中渲染markdown文件 <template> <div> <VueMarkdown class="api-content" :source="markdownContent" id="content" /> </div> </template> <script> import VueMarkdown from "vue-markdown"; export default { components: { VueMarkdown, }, data() { return { markdownContent: "", }; }, mounted() { this.loadMarkdownFile(); }, methods: { async loadMarkdownFile() { try { //...