VueJS SPA无法在Microsoft Edge上正确加载

Question

由于某些原因，如果从Microsoft Edge浏览器进行查看，则内容不会显示在网站上。加载了背景，通过HTML加载了背景，但是加载了Vue的部件没有显示，我也不明白为什么。

我不知道从哪里开始调试。

    <div class="nk-main">
            <router-view :key="$route.fullPath"></router-view>
    </div>

在控制台中，我在Microsoft Edge上收到以下错误：

https://imgur.com/a/y7V3NG7

$ store是VueX变量。还有我不理解的 this 错误。

有人知道我如何解决此问题或如何进一步调试问题吗？

Answer 1

我认为@birdspider回答了您的问题。在您的Vue.js模板中，您像这样this.$store.state.blabla而不是$store.state.blabla来引用Vuex存储。发生这种情况是因为模板中的this关键字未定义。当您在模板中访问变量时，不必像{{this.variable}}那样使用{{variable}}，在data()中声明。