问题描述
我想从 success Dropzone事件回调中访问VueJS变量。
所有代码都没问题，DropzoneJS& VueJS可以很好地协同工作，但是在成功回调中无法访问我的变量 photos 。
I'd like to access a VueJS variable from the success Dropzone event callback.All the code is OK, DropzoneJS & VueJS work fine together, but my variable photos is not accessible in the success callback.
这是一个简单的实现我的剧本：
Here is a simple implementation of my script :
<script>
import Dropzone from 'dropzone';
export default {
data() {
return {
photos: []
};
},
ready() {
Dropzone.autoDiscover = false;
new Dropzone('form#upload-form', {
url: '...',
success: function(file, response) {
this.photos = response.data.photos;
// this.photos is not accessible here
}
});
}
}
</script>
是否有以这种方式访问VueJS组件变量的最佳做法？
谢谢
Is there a best practice to access VueJS components variables this way?Thanks
推荐答案
你目前的做法，你可能会遇到<$ c的范围问题$ c>此参考。
The way you're doing it currently, you may have a scoping issue with the this reference.
我建议在<$之外重新分配此 c $ c> Dropzone 实例化并使用它就像这样......
I suggest reassigning this outside of the Dropzone instantiation and using that like so...
ready() {
Dropzone.autoDiscover = false;
const self = this;
new Dropzone('form#upload-form', {
url: '...',
success: function(file, response) {
self.photos = response.data.photos;
// this.photos is not accessible here
}
});
}
这篇关于Javascript& VueJS变量访问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！