title: How do I update prop options value on the Dropzone VueJs component?
body: <p>I want to update the url option for the dropzone component dynamically later. </p>
  
  <p>Following is the Vue component I have:</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;vue-dropzone ref="myVueDropzone" id="dropzone" :options="dropzoneOptions"&gt;&lt;/vue-dropzone&gt;
    &lt;button @click="updateUrl()"&gt;
    Update
    &lt;/button&gt;
  &lt;/div&gt;
  &lt;script&gt;
  
  new Vue({
    el: "#app",
    data: {
      dropzoneOptions: {
          url : "https://google.com"
      }
    },
    computed:{  
    },
    components: {
      vueDropzone: vue2Dropzone
    },
    methods: {
      updateUrl(){
        console.log("Updating url")
        this.dropzoneOptions.url = "http://example.com"
      }
    }
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>When I try to update using the button click, I see that the dropzoneOptions.url has been updated. But, when I try uploading files, the files are still posted to the old url <code>https://google.com</code></p>
  
  <p>Link to JSFiddle: <a href="https://jsfiddle.net/1t7L6ouc/3/" rel="nofollow noreferrer">https://jsfiddle.net/1t7L6ouc/3/</a></p>