Is it possible to add reactive parameter in endpoint when uploading file on vue.js

Hi, I want to add a dynamic/reactive parameter value which can be added as a path parameter to my endpoint when uploading the file on uppy.

uppy.use(XHRUpload, {
    endpoint: `[DYNAMIC_API_URL]/${this.textContent}`,
    formData: true,
    bundle: true,
    headers: {
      'Authorization': `Bearer ${token}`
    }
})

I do this on mounted hook. Here textContent is a reactive property that we created on Vue js. But this textContent is not being reactive property to endpoint URL that is added How can we do this?

Thanks in advance!

[goto-bus-stop]

For the record, in current Uppy versions you can do:

uppy.getPlugin('XHRUpload').setOptions({
  endpoint: buildEndpointUrl()
})

Hopefully that should properly address this use case 🙏

[goto-bus-stop]

In the future, there will be an official way to do this using setOptions(): https://github.com/transloadit/uppy/pull/1728

At the moment, you can override options for XHRUpload specifically using setState():

const { xhrUpload } = uppy.getState()
uppy.setState({
  xhrUpload: {
    ...xhrUpload,
    endpoint: 'https://new-endpoint.com/'
  }
})

The object merge is important because other plugins may use the xhrUpload state to pass information to the plugin as well.

(Doing this when an upload is already in progress is not supported and will cause weird unknown breakage.)