19. 文章详情页相关开发

42 阅读1分钟

文章数据逻辑

image-20210111142558879

组件逻辑

文章详情页组件结构.png

BlogDetail

该组件没有任何难度,根据「属性 - 文章对象」显示出文章信息即可

由于文章的内容属于原始html,因此需要使用v-html指令来设置

另外,文章的内容是不带样式的,因此需要选择一款markdowncss样式(见附件markdown.css

对于文章中脚本部分的样式,可以使用第三方库highlight.js中提供的样式

import "highlight.js/styles/github.css";

BlogTOC

BlogComment