setOption not working

[bitnosis]

Im trying to set the url dynamically on a dropzone element

Im doing var url ='http://myurl' this.$refs.dropzone1.setOption('url', url)

the error Im getting is...

Uncaught TypeError: Cannot read property 'options' of undefined at VueComponent.setOption (vue2Dropzone.js?2af3:1)

It appears I can't access the options f the dropzone object no matter what I try.

[rowanwins]

Cab you use chrome dev tools to set a break point to check the reference? I think it should be

this.$refs.dropzone1.dropzone.setOption('url', url)

[bitnosis]

When I do ...

this.$refs.dropzone1.dropzone.setOption('url', url)

I get ...

Uncaught TypeError: Cannot read property 'setOption' of undefined

If I do ...

this.$refs.dropzone1.setOption('url', url)

I get ...

Uncaught TypeError: Cannot read property 'options' of undefined

So it looks like dropzone1 is set and has setOption as a method. Its just that setOption can't set 'options' because its undefined for some reason??

[rowanwins]

Hmmm thats weird @holoverse - as you can see here the setOptions method is very straight forward, the only thing I can think is check that your component is mounted properly before you call that method...

Can you tell us any more about your workflow?

[mabdalmoniem]

For some reason, setOption method doesn't work, as a workaround, I used this brute force approach:

mounted () {
        setTimeout(() => {
            this.$refs.myVueDropzone.dropzone.options.url = this.uploadUrl
            this.$refs.myVueDropzone.dropzone.options.headers = {Authorization: `bearer ${this.token}`}
        }, 0);
    }

uploadUrl and token are computed properties

[ahmedsayedabdelsalam]

For some reason, setOption method doesn't work, as a workaround, I used this brute force approach:

mounted () {
        setTimeout(() => {
            this.$refs.myVueDropzone.dropzone.options.url = this.uploadUrl
            this.$refs.myVueDropzone.dropzone.options.headers = {Authorization: `bearer ${this.token}`}
        }, 0);
    }

uploadUrl and token are computed properties

you saved my day!

[hashemfathy]

@mabdalmoniem your smile made my day <3

[michaeltoohig]

Is there an update to this or could some one give insight why this work around is required?

I also run into the same issue when trying to create a computed property like this.

imagesSelected () {
    return this.$refs.myDropzone.getAcceptedFiles().length > 0
},

Is there a better way I'm missing?

[chandanb007]

For some reason, setOption method doesn't work, as a workaround, I used this brute force approach:

mounted () {
        setTimeout(() => {
            this.$refs.myVueDropzone.dropzone.options.url = this.uploadUrl
            this.$refs.myVueDropzone.dropzone.options.headers = {Authorization: `bearer ${this.token}`}
        }, 0);
    }

uploadUrl and token are computed properties

you saved my day!

This works for me, thanks!!!!