美文网首页
Vue 中使用 MathJax 并更新渲染的简单方法

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

作者: widtrizz | 来源:发表于2021-03-26 21:59 被阅读0次

    引入 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();
    

    完成。

    相关文章

      网友评论

          本文标题:Vue 中使用 MathJax 并更新渲染的简单方法

          本文链接:https://www.haomeiwen.com/subject/nlbshltx.html