How to avoid switch when implementing a component that works with different APIs/entities in VueJS?

Question

Vue.js

There is a component that is a form for uploading scans. The scan is attached to a document, and documents are of different types and have different APIs/endpoints for them. Accordingly, visually the component looks the same, but it should load scans at different URLs.
One solution is to pass type to the component, and write something like this in the component itself:

switch (this.type) {
    case 'oneDoc': 
        oneDocApi.uploadScan(...); return
    case 'anotherDoc':
        anotherDocApi.uploadScan(...); return
}

Is there a better solution? I just don't like using the switch.

Answer 1

// где-то вне метода загрузки сканов
const docApi = {
  oneDoc: oneDocApi,
  anotherDoc: anotherDocApi,
  ...
};

docApi[this.type].uploadScan();