位置: IT常识 - 正文

vue中的get方法\post方法如何实现传递数组参数(vue get方法)

编辑:rootadmin
vue中的get方法\post方法如何实现传递数组参数

推荐整理分享vue中的get方法\post方法如何实现传递数组参数(vue get方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue get方法,vue中get传参,vue获取get参数,vue getdata,vue getdata,vue get方法,vue getdata,vue的getters,内容如对您有帮助,希望把文章链接给更多的朋友!

1vue中get方法如何传递数组参数

直接放在对象中传递数组

export function getCrApplicationList(data) {var test = [‘111‘, ‘222‘]return request({url: ‘/applicant/CrApplication/List‘,method: ‘get‘,params: { test }})}

但是这样的话后台是取不到值的,我们需要把数组变成如下这种格式:

test:111

test:222

首先找到axios.js,加如下代码:

if (config.method === ‘get‘) {// 如果是get请求,且params是数组类型如arr=[1,2],则转换成arr=1&arr=2config.paramsSerializer = function(params) {return qs.stringify(params, { arrayFormat: ‘repeat‘ })}}vue中的get方法\post方法如何实现传递数组参数(vue get方法)

如果get请求中参数是数组格式,则数组里每一项的属性名重复使用。

同样的,post方法传get方法的传参格式时候通用该方法。

封装的接口部分:

/*** @description 以post请求方式,传递array[]数组* @param {Array[integer]} idList* @param {integer} orderId* @return {*}*/export function doFuncTest(idListVal, orderId) {return request({url: '/xxxx/xxx',method: 'post',baseURL: '//192.168.xxx.xxx:xxxx/xxx/xxx/xxx',params: {idList: idListVal,orderId: orderId}})}

拦截器部分:

if (config.method === 'post') {config.paramsSerializer = function(params) {return qs.stringify(params, { arrayFormat: 'repeat' })}}

2、vue get与post传参方式

vue的封装接口中,post与get的传参方式是不同的

2.1post:用data传递参数

/*** 添加动物种类* @param {*} params* @returns*/export function AddAnimalType (params) {return request({url: baseUrl + '/addAnimalType',method: 'post',data: params})}

调用代码:

下面的 this.formData 是在data中定义的列表里边包含了id等信息

//新增insertAnimalType () {AddAnimalType(this.formData).then(response => {if (response.status == 0) {successMessage(response.statusText)}else {errMessage(response.statusText)}}).catch(error => {errorCollback(error)})},

2.2get:用params传递参数

/*** 根据Id获取详情* id id* @param {*} params* @returns*/export function selectById (params) {return request({url: baseUrl + '/selectById',method: 'get',params})}

调用接口:

//获取详情getDetail () {selectById({ animalId: this.formData.id }).then(response => {if (response.status == 0) {this.formData = response.data.animalType}else {errMessage(response.statusText)}}).catch(error => {errorCollback(error)})},
本文链接地址:https://www.jiuchutong.com/zhishi/287997.html 转载请保留说明!

上一篇:answers.exe是什么进程 answers进程信息查询(wrme.exe是什么)

下一篇:Electron打包的桌面应用程序,运行中程序黑屏、白屏等渲染进程崩溃问题解决(electron 打包)

  • 微博营销有哪些特点?(微博营销有哪些工具)

    微博营销有哪些特点?(微博营销有哪些工具)

  • 苹果怎么关机充电(苹果怎么关机充电自动开机)

    苹果怎么关机充电(苹果怎么关机充电自动开机)

  • 华为p40铃声渐强怎么关闭(华为p40铃声渐强在哪里设置)

    华为p40铃声渐强怎么关闭(华为p40铃声渐强在哪里设置)

  • qq怎么发起群视频(qq怎么发起群聊视频)

    qq怎么发起群视频(qq怎么发起群聊视频)

  • 各种计算器最基本的功能是什么(各种计算器最基本的功能是进行什么)

    各种计算器最基本的功能是什么(各种计算器最基本的功能是进行什么)

  • g71程序怎么编程(g71程序怎么编程程序段号不对)

    g71程序怎么编程(g71程序怎么编程程序段号不对)

  • 联想小新air14是触屏吗(联想小新air14是什么显卡)

    联想小新air14是触屏吗(联想小新air14是什么显卡)

  • qq接收的视频在哪个文件夹(qq接收的视频在手机上无法下载)

    qq接收的视频在哪个文件夹(qq接收的视频在手机上无法下载)

  • 虚拟机处理器数量设置多少合适(虚拟机处理器数量设置)

    虚拟机处理器数量设置多少合适(虚拟机处理器数量设置)

  • lraal00是什么型号手机(lar-al00是手机什么型号)

    lraal00是什么型号手机(lar-al00是手机什么型号)

  • 蓝牙接收器4.0和5.0有什么区别(蓝牙接收器4.0和5.0区别在哪)

    蓝牙接收器4.0和5.0有什么区别(蓝牙接收器4.0和5.0区别在哪)

  • word分页符怎么弄(Word分页符怎么隐藏)

    word分页符怎么弄(Word分页符怎么隐藏)

  • 华为自带谷歌商店在哪(华为手机自带的谷歌商店在哪)

    华为自带谷歌商店在哪(华为手机自带的谷歌商店在哪)

  • sdm439是什么处理器(sdm450是什么处理器)

    sdm439是什么处理器(sdm450是什么处理器)

  • 惠普m126a能无线打印吗(惠普m126a 无线)

    惠普m126a能无线打印吗(惠普m126a 无线)

  • 咸鱼怎么搜用户id(咸鱼上面怎么搜用户)

    咸鱼怎么搜用户id(咸鱼上面怎么搜用户)

  • 淘宝人生怎么取消(淘宝人生怎么取消订阅)

    淘宝人生怎么取消(淘宝人生怎么取消订阅)

  • 摄像头3mp5mp什么意思(摄像头3mp是什么意思?)

    摄像头3mp5mp什么意思(摄像头3mp是什么意思?)

  • 饿了么定位不准怎么办(饿了么定位不准可以申诉吗)

    饿了么定位不准怎么办(饿了么定位不准可以申诉吗)

  • 微信里的钱怎么转到qq钱包里(微信里的钱怎么能免费提现到银行卡)

    微信里的钱怎么转到qq钱包里(微信里的钱怎么能免费提现到银行卡)

  • WPS文字如何插入图表(wps中怎么添加文字)

    WPS文字如何插入图表(wps中怎么添加文字)

  • css解决uniapp使用image标签图片无法撑满全屏问题(uniapp的css库)

    css解决uniapp使用image标签图片无法撑满全屏问题(uniapp的css库)

  • 第四季新星计划即将开启,博客之星取消拉票你怎么看?(新星计划片头好可爱啊)

    第四季新星计划即将开启,博客之星取消拉票你怎么看?(新星计划片头好可爱啊)

  • 实际退税额怎么算
  • 假发票是怎么开出来的
  • 小规模纳税人企业购进货物和接受应税劳务时
  • 差旅费津贴怎么报税
  • 委外加工怎么做仓库账
  • 建筑公司核定征收是什么意思
  • 股东放弃公司债权
  • 辞退职工赔偿金如何计算
  • 房地产开发企业资质证书
  • 水电费的进项税额能抵扣吗
  • 会计核算差错
  • 存货清查的结果
  • 取得划拨或赠与资产需要缴企业所得税吗?
  • 以前年度损益调整结转到哪里
  • 取暖补贴国家标准
  • 进项已经抵扣会退回吗
  • 筹建期发生的费用
  • 免费样品开具发票如何入账处理?
  • 职工伙食团食谱
  • 计提工资需要工资表吗
  • 票据遗失情况说明格式及范文
  • 开专票和普票的税点
  • 建筑公司收取的劳务费和挂靠管理费有区别吗?
  • 一般纳税人企业要交哪些税
  • 小规模企业增值税税率
  • 可供出售金融资产属于流动资产吗
  • 分包抵扣计算
  • 三证合一之后的税务登记
  • 一般纳税人专票和普票有什么区别
  • 福利费计提包括奖金吗
  • 企业所得税申报错误怎么更改
  • php数组函数有哪些
  • oeloader.exe - oeloader是什么进程 有什么用
  • vue打包vendor文件过大
  • php零基础教程
  • 公司中奖要交税吗
  • 采购国产设备退税公告
  • vue-cli typescript
  • 外贸企业出口退税流程(详细步骤)
  • photo-sphere-viewer中文文档
  • php验证系统
  • 阿里规则官方头条
  • 企业办理工程价款流程
  • php匹配邮箱
  • 织梦配置文件
  • 开发支出在资产负债表填哪一栏
  • 现金短缺或溢余指的是什么
  • 申报的财务报表在哪里查询
  • 删除一张表的某一条记录
  • mysql创建临时表并赋值
  • 固定资产一次性折旧政策2023
  • 生产经营个人所得税税率表
  • 非货币性资产交换以公允价值为基础进行计量
  • 计提印花税会计分录怎么写
  • 个税 退手续费
  • 根据企业会计准则第4号固定资产,企业可选用的折旧方法
  • 收到红字发票进项税怎么做账务处理
  • 电脑主机windows 7
  • 微软开放式许可协议
  • 电脑连不上网怎么解决
  • 系统恢复 win10
  • macbookpro怎么删除快捷方式
  • cmd.exe是什么意思
  • centos bbrplus
  • cocos jsc
  • js随机生成数
  • linux自动清理磁盘空间
  • javascript不严谨
  • axios原理和实现
  • JavaScript中的NaN代表什么
  • 调试动态加载的js
  • javascript例题
  • android 动态化方案
  • python语言解析
  • javascript word
  • 河南洛阳医疗保险电话
  • 建筑工地临时板房验收规范最新
  • 深圳国委
  • 郑州金水区税务大厅电话
  • 南京税务证明怎么打印
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设