Как подружиь vue 3 и mathjax?

Question

[Павел Саенко]

Всем доброго времени суток!

Возможно кто-то уже работал когда-то с: mathjax

Проблема: Возвращаю из бэка формулу строкой. Как пример: [\frac{5^{6}\cdot5^{6}}{10^{4}}] B и пока не обновлю страницу через F5 mathjax не срабатывает и не форматирует полученный текст в формулу. Но после перезагрузки страницы все становится так как нужно.

Использую vue.js и cdn от https://hostmath.com/ для удобной генерации формул.

<script type="text/javascript" src="https://www.hostmath.com/Math/MathJax.js?config=OK"></script>

До перезагрузки страницы


После перезагрузки страницы через F5

Comments

[Александр]

https://github.com/justforuse/vue-mathjax - описание пакета.
https://github.com/justforuse/vue-mathjax-next - пакет для Vue 3.

[Павел Саенко]

Александр,

<label class="form-check-label test__checkBox__label d-flex" :for="ans.name">
       <vue-mathjax :formula="ans.name"></vue-mathjax>
</label>

import VueMathjax from 'vue-mathjax-next';

export default {
  name: 'lessonvue',
  data() {
    return {
      step: 0,
      answer: '',
      score: 0,
      toNext: true,
      questions: [],
      curantQuestion: [],
      answers: [],
    }
  },
  components: {
    YoutubeVue3,
    'vue-mathjax': VueMathjax,
  },

[WapSter]

Павел Саенко, читаю книгу - вижу фигу

[Павел Саенко]

WapSter, Я убрал cdn-ку

[WapSter]

Павел Саенко, рука лицо просто. Добавь эту строку в index.html файл

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