Vue JS - Настройка действия Axios на основе переменной

Question

У меня есть форма компонента Vue, которая отправляет объект резервирование в мой API для его сохранения.Мне было интересно, могу ли я установить действие axios, основываясь исключительно на значении переменной, не копируя всю функцию axios (поскольку оба действия post и put делают практически одно и то же):

(текущий) Метод компонента Vue

sendReservation(action){
    if(action == 'add'){
        axios.post(...);
    } else {
        axios.put(...);
    }
} 

(идеально) Метод компонента Vue

sendReservation(action){
    let axiosAction = (action == 'add') ? 'post' : 'put';
    axios.axiosAction(...);
} 

Обычно я работаю с AJAX, и вы можете получить доступ к methodдовольно легко, могу ли я сделать то же самое с Axios?

Answer 1

Вы можете использовать объект axios как функцию и передавать все «обычные» параметры:

sendReservation(action){
    let axiosAction = (action == 'add') ? 'post' : 'put';
    axios({
      method: axiosAction ,
      url: 'someurl',
      data: {
        ...
      }
    });
}

См. Раздел Axios API в документации.