javascript - 如何更新 Dropzone VueJs 组件上的 prop 选项值？

Question

我想稍后动态更新 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/

标签： javascriptvuejs2vue2-dropzone

Answer 1

有一个options属性可以让您定义url. 既然你给了它 a ref，你应该能够像这样更新它：

this.$refs.myVueDropzone.dropzone.options.url = 'http://example.com';