Vue JS-根据变量设置

Question

我有一个Vue组件表单，该表单将 reservation 对象发送到我的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 section。