MathJax也不与Vuejs $ router.push合作

Question

我正在尝试将MathJax与Vuejs一起使用。

当我打开一个页面或重新加载页面时，它工作正常。但是，当我执行$ router.push方法重定向到另一个页面时，它会停止工作。在这种情况下，公式不会使用MathJax呈现。我正在使用vue-plugin-load-script来注入MathJax库。

我安装了vue-plugin-load-script：

 npm install --save vue-plugin-load-scrip

然后我在Main.js中导入它

import LoadScript from 'vue-plugin-load-script'
Vue.use(LoadScript)

这是我在页面的created（）中所做的：

this.$loadScript("https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML")
    .then(() => {
      // get my data with Parse Server
      that.text = object.get("text")
    })
    .catch(() => {
      // alert for error
    });

在上一页中，我使用它来推送新页面：

this.$router.push({ name: 'quizPage', params: {quizId} })

我想这可能是某种类型的赛车问题但无法找到解决方案

非常感谢您的帮助！玩笑

Answer 1

问题是MathJax在页面加载时呈现。 Vue并没有真正那样工作。幸运的是，一个善良的陌生人花时间创建a vue plugin来支持它。

这是an example的工作原理。