Vue中GET请求传递数组参数

摘要:
以下GET请求传递一个数组参数letparams={statusList:['OVERDUE','DELAY']}this$http.GET.then.catch不执行任何处理时,该参数将变为/list?StatusList[]=OVERDUE&StatusList[]=DELAYstatusList[]此数据格式对后端无效。解决方案是多次传递数组参数。Springmvc将自动将多个同名参数打包到一个数组或集合对象中。示例如下:this$Http.get直接用逗号分隔数组指针,例如:this$Http.get

如下GET请求传递一个数组参数
let params = {
                statusList: ['OVERDUE', 'DELAY']
             }
             
this.$http.get('/list', params)
            .then(res => {})
            .catch(e => {})
不做任何处理时候,参数会变成/list?statusList[]=OVERDUE&statusList[]=DELAY
statusList[]这种数据格式对后端来说是无效的
解决方案
  1. 可以将数组参数传递多次,springmvc会将多个同名参数自动封装成数组或者集合对象,示例如下:
this.$http.get(‘/list?statusList=OVERDUE&statusList=DELAY')
  1. 直接将数组指用逗号分隔,示例如下:
this.$http.get(‘/list?statusList=OVERDUE,DELAY') 

免责声明:文章转载自《Vue中GET请求传递数组参数》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇开发富文本编辑器的一些经验教训DAX 第五篇:DAX 表达式基础(时间智能)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

confirmit平台问题汇总

Html Styles下任意一个复制样式系统命名的问题:  当某个题中某个元素需要单独设置CSS样式时,复制一份全局样式后,引用复制的那个样式scale (2)会失效。原因:系统默认生成的这个class名称其实是两个class名称( )  , 所以我们引用这个样式会失效。解决方案:自己手动改个合适的单独的class名称。 手机端不能直接给input设置...

Vue之项目搭建

  一、Vue自动化工具的安装 nvm:nodejs 版本管理工具。 也就是说:一个 nvm 可以管理很多 node 版本和 npm 版本。 nodejs:在项目开发时的所需要的代码库 npm:nodejs 包管理工具。 在安装的 nodejs 的时候,npm 也会跟着一起安装,它是包管理工具。 npm 管理 nodejs 中的第三方插件   1,安装nv...

【Vuejs】269- 提升90%加载速度——vuecli下的首屏性能优化

前言 之前用 vuecli做了个博客,是一个单页面项目,大概有十个路由直接 npm run build打包出来,有一个 1M的巨大 js文件 先挂载到服务器上试试好家伙 这加载时间 仿佛过了半个世纪 首屏页面整整加载了 9s 光加载那个大文件就花了 8s这必须得做个优化了,没有用户能忍受 9s的白屏而不关闭页面的 过程中,我还顺便把项目从 vuec...

vue长按事件

<template> <div class="authorization"> <div class="main"> <div class="login-logo"> <img :src="http://t.zoukankan.com/logo" alt=""> <div class="tex...

vue使用keep-alive缓存页面,返回页面时刷新部分数据

作用: 在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到vue的keep-alive技术了. 介绍: keep-alive是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免...

Vue2和Vue3生命周期比较

对Vue2和Vue3常用的生命周期函数做了一个比较。 重点比较了 V2 的 created,beforeCreate 与 Vue3 新加入的 setup; V2 的 beforeMount,mounted 和 Vue3 的 onBeforeMount,onMounted; <template> <div>Hellow Vue...