VUE显示数学公式

1废话不说
2npm 安装

npm install --save vue-mathjax

3在index.html文件里面添加

    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS_HTML"></script>

4需要使用的页面

import {VueMathjax} from 'vue-mathjax'

  components: {
    'vue-mathjax': VueMathjax
  },

formula 为动态的参数

<vue-mathjax :formula="formula"></vue-mathjax>

5效果

6要加个大括号包起来

 		var formula = "$$\\begin{cases}";
        for(var a = 0 ; a < res.data.data.desc.length; a++){
          formula += res.data.data.desc[a]+"\\\\";
        }
        formula= formula.substring(0,formula.length - 1)
        formula+="end{cases}$$";
        this.formula = formula

7效果