Как сделать перегрузку функций TS в Vue?

Question

[Goodie128]

Доброго времени суток, пытаюсь сделать перегрузку функции во Vue, но тс выдает ошибку, не может найти запятую, если же ее поставить, то будет искать фигурные скобки для функции. Вообще как-то не ищется информация про перегрузки TS во Vue.

export default {
   methods: {
      checkInput (event: any): number
      checkInput (event: any, storeID:number, itemID:number):number {
        // code
      },
   }
}

Comments

[Антон Иванов]

У вас же после первого checkInput запятой нет, вот и ругается тс

Answer 1

[MaxRyazan]

export default {
   methods: {
      checkInput (event: any,  options?: {storeID?:number, itemID?:number}):number {
        // code
      },
   }
}

Чем так плохо?
Либо, если нужны отдельные аргументы:

export default {
   methods: {
      checkInput (event: any,  storeID?:number, itemID?:number):number {
        if(storeID) {
        // code
        }
      },
   }
}

Comments

[Goodie128]

Не догадался до такого варианта. Спасибо!

[Alexandroppolus]

можно слегка "дотипизировать", чтобы нельзя было передать только storeID

type Methods = {
    checkInput(event: any): number;
    checkInput(event: any, storeID:number, itemID:number): number;
};

export default {
   methods: {
      checkInput (event: any,  storeID?:number, itemID?:number): number {
        if(storeID) {
        // code
        }
      },
   } as Methods
}