Question

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

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

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

 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在这里工作。

MathJax也不使用Vuejs $ router.push

1 个答案: