Vue-dropzone: vm.$refs.myUniqueID.processQueue() not work

[syrex88]

vm.$refs.myUniqueID.processQueue() not work, because object vm.$refs.myUniqueID has no method processQueue();

to fix this i called vm.$refs.myUniqueID.dropzone.processQueue() - it`s worked for me

[rowanwins]

Hmmm thats a bit strange @brainkit , this works for me

````

````

[rowanwins]

Closing due to inactivity but feel free to reopen if required

[ixperiencenl]

Same happening here, when using $refs.myUniqueID.dropzone.processQueue() it works, but when leaving the 'dropzone' tag behind it doesn't.
Please mind that I import it from the npm folder like _import Dropzone from 'vue2-dropzone';_

So using the extra _dropzone_ tag fixes this issue for now.

[nizzac]

Works ok for me, have you definitely got a ref attribute on your markup?

[ixperiencenl]

My template

<dropzone ref="fileUploadZone" id="dropzone" url="https://httpbin.org/post" 
      v-on:vdropzone-success="showSuccess" 
      v-bind:dropzone-options="dropzoneOptions"
      v-bind:use-custom-dropzone-options="true"> 
</dropzone>

The script part:

<script>
    import Dropzone from 'vue2-dropzone';
    export default {
            components: {
                Dropzone
            },
        data: function () {
                return { 
                    dropzoneOptions: {autoProcessQueue: false}
                }
            },
            mounted: function () {
           ...
            },
            methods: {
                showSuccess(file) {
                    console.log('A file was successfully uploaded')
                  },
                  process() {
                      this.$refs.fileUploadZone.dropzone.processQueue();
                  }
            }
    }
</script>

This could be because I'm using it inside a template and not a master Vue instance.

[mathisloge]

This should maybe in the docs.
In master Vue its this.$refs.fileUploadZone.processQueue(); in template this.$refs.fileUploadZone.dropzone.processQueue();