Vue.js上下文和Promise范围

时间:2018-05-19 19:17:19

标签: javascript vue.js vuejs2 this es6-promise

Vue.js在这里相当新,我一直在努力解决这个问题而无处可去,所以我想我会问。

我在我正在尝试构建的应用中的Promise(在方法中)访问Vue上下文时遇到了问题。我试图replicate it via JSFiddle失败了,所以我要添加DevTools的截图,希望有人能理解它/解释发生了什么。

我可以调用方法(通过按钮点击)并通过this访问Vue上下文: this: VueComponent

但是第二个我步入Promise回调(使用ES6的() => {},其中应该维持范围),this变为undefinedthis: undefined

我可以在我的应用程序和JSFiddle之间看到的唯一区别是,在我的应用程序中,它引用了VueContext,而在JSFiddle上它引用了Vue。这似乎是基于它如何声明/代码所在的位置(在模块中与new Vue()声明中)。

再次,Vue的新手并没有找到这样的东西/弄清楚自己。很乐意提出任何问题。谢谢!

0 个答案:

没有答案