我想稍后动态更新 dropzone 组件的 url 选项。
以下是我拥有的 Vue 组件:
<div id="app">
<vue-dropzone ref="myVueDropzone" id="dropzone" :options="dropzoneOptions"></vue-dropzone>
<button @click="updateUrl()">
Update
</button>
</div>
<script>
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"
}
}
})
</script>
当我尝试使用按钮单击进行更新时,我看到 dropzoneOptions.url 已更新。但是,当我尝试上传文件时,文件仍会发布到旧网址https://google.com
链接到 JSFiddle:https ://jsfiddle.net/1t7L6ouc/3/