【无标题】

最新推荐文章于 2023-04-20 14:39:44 发布

&青柠

最新推荐文章于 2023-04-20 14:39:44 发布

阅读量95

点赞数

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_48746170/article/details/124866602

版权

本文介绍如何在JavaScript函数中使用[]符号动态决定以params还是data作为请求参数，根据method参数的get请求转为params，其他为data。通过示例演示了如何根据请求类型灵活传递submitData。

摘要由CSDN通过智能技术生成

在对象中，如果对象的属性不确定，可以通过 [] 设置一个动态的key，
[]中写js表达式，js表达式的执行结果当作key。

举个栗子

export default (url, method, submitData) => {
  // 负责发请求：请求地址，请求方式，提交的数据
  return instance({
    url,
    method,
    // 1. 如果是get请求  需要使用params来传递submitData   ?a=10&c=10
    // 2. 如果不是get请求  需要使用data来传递submitData   请求体传参
    // [] 设置一个动态的key, 写js表达式，js表达式的执行结果当作KEY
    // method参数：get,Get,GET  转换成小写再来判断
    // 在对象，['params']:submitData ===== params:submitData 这样理解
    [method.toLowerCase() === 'get' ? 'params' : 'data']: submitData
  })
}