Vue 中使用 MathJax 并更新渲染的简单方法

2021-03-26  本文已影响0人  widtrizz

引入 MathJax

public/index.html 里添加:

<script>
  MathJax = {
    tex: {
      inlineMath: [['$', '$'], ['\\(', '\\)']]
    }
  };
  </script>
<script id="MathJax-script" async src="https://lib.baomitu.com/mathjax/3.1.2/es5/tex-mml-chtml.js"></script>

组件更新时渲染

在某个组件的mounted或者updated(看情况)里添加代码:

if (window.MathJax) window.MathJax.typeset();

完成。

上一篇下一篇

猜你喜欢

热点阅读