vue2解析html中的公式，使用vue-katex

文本是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>