文本是markdown格式,需要解析markdown
<p v-html="md.render(text)"></p>import MarkdownIt from 'markdown-it'
...const mdRender = MarkdownIt();
...data中md: new MarkdownIt(),
现在文本中会出现数学公式,解析使用vue-katex
1. 安装包
npm install vue-katex
2. main.js中
import VueKatex from "vue-katex";
import "katex/dist/katex.min.css";
Vue.use(VueKatex, {globalOptions: {delimiters: [{ left: "$$", right: "$$", display: true },{ left: "$", right: "$", display: false },{ left: "\\(", right: "\\)", display: false },{ left: "\\[", right: "\\]", display: true },],throwOnError:false},
});
3. 页面中使用v-katex
<p v-katex:auto v-html="md.render(text)"></p>