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

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

完成。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。