katex 使用姿势

一、引入

import katex from 'katex';

import 'katex/dist/katex.css';

二、使用

<span class="mathHtml">\omega \varphi \xi \mu </span>

this.$nextTick(() => {

        var math = document.getElementsByClassName('mathHtml');

        for (var i = 0; i < math.length; i++) {

          katex.render(math[i].innerText, math[i]);

        }

      });

 function katexRender(dom = 'mathHtml') {

      this.$nextTick(() => {

        var math = document.getElementsByClassName(dom);

        for (var i = 0; i < math.length; i++) {

          katex.render(math[i].innerText, math[i]);

          // var html = katex.renderToString(math[i].innerText, {

          //  throwOnError: false

          // });

          // console.log('html', html);

        }

      });

    }