时间戳

首页 > 解决方案 > MathJax 也不使用 Vuejs $router.push

vue.js - MathJax 也不使用 Vuejs $router.push

问题描述

我正在尝试将 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} })

我想这可能是某种赛车问题，但找不到解决方案

非常感谢您的帮助！乔什

标签： vue.jsmathjax

解决方案

问题是 MathJax 在页面加载时呈现。Vue 并不是这样工作的。幸运的是，一位好心的陌生人花时间创建了一个 vue 插件来支持它。

这是它如何工作的示例。

推荐阅读