vue获取数组中的值,VUE数组遍历请求接口取值
这篇文章主要介绍了某视频剪辑软件中获取/删除传递数组参数方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
在前后端交互的时候，有时候需要通过得到或者删除传递一个数组给后台，但是这样直接传递后台无法接收数据，因为在传递的过程中数组参数会被转译，结果如下：
参数：{姓名：[ 1,2,3 ] }
转译效果：http://aaa.com？name[]=1name[]=2name[]=3
目标效果：http://aaa.com？name=1name=2name=3
解决办法：
使用全国工业产品生产许可证插件将数组参数序列化
1、qs.stringify({ a: [b ， c] }，{数组格式： indexes })
//输出结果： a[0]=ba[1]=c
2、qs.stringify({ a: [b ， c] }，{ arrayFormat:括号 })
//输出结果： a[]=ba[]=c
3、qs.stringify({ a: [b ， c] }，{ arrayFormat: repeat })
//输出结果： a=ba=c
4、qs.stringify({ a: [b ， c] }，{ arrayFormat:逗号 })
//输出结果： a=b，c
安装
新公共管理安装全国工业产品生产许可证
使用
//在爱可信请求拦截器里面
从" qs "导入全国工业产品生产许可证
axios。截击机。请求。使用(请求={
如果(请求。方法===删除 请求。method=== get ){
请求。paramsserializer=function(params){
return qs.stringify(params，{ arrayFormat: repeat })
}
}
退货请求
},(错误)={
返回承诺。拒绝(错误);
})
知识点扩展：Vue中的获取、删除、发布、上传传递参数
刚刚接触Vue2.5以上版本的新手程序员不了解怎样传递参数的仅供参考
！声明文档类型
html lang=en
头
meta charset=UTF-8
标题文档/标题
/头
身体
/*为了前后端更好的交互效果引入axios.js这个射流研究…文件*/
脚本类型= text/JavaScript src= js/axios。js /脚本
脚本类型=文本/javascript
//axios请求参数传递
//axios获取请求传参
//传统格式的得到请求
axios。get( http://localhost:3000/axios？id=123’)。then(function(ret){
console.log(ret.data)
})
//restful格式的得到请求
axios。get( http://localhost:3000/axios/123 )。then(function(ret){
console.log(ret.data)
})
//携带参数的得到请求
axios。get( http://localhost:3000/axios ，{
参数：{
编号：789
}
}).then(function(ret) {
console.log(ret.data)
})
////axios删除请求传参
axios。删除( http://localhost:3000/axios ，{
参数：{
编号：111
}
}).then(function(ret) {
console.log(ret.data)
})
//-
//使用爱可信进行邮政请求，默认传递数据数据
axios。post( http://localhost:3000/axios ，{
uname: lisi ，
密码：123
}).then(function(ret) {
console.log(ret.data)
})
//使用爱可信进行邮政请求，传递形式表单数据
var params=new URLSearchParams()；
params.append(uname ，张三);
params.append(pwd ， 111 )；
axios。post( http://localhost:3000/axios ，params)。then(function (ret) {
console.log(ret.data)
})
//axios上传请求传参
axios。put( http://localhost:3000/axios/123 ，{
uname:“Lisi”，
残疾人：123人
}).then(function(ret) {
console.log(ret.data)
})
//对于爱可信来说，在得到和删除请求中，参数要放入到参数属性下
//在邮政和放请求中，参数直接放入到对象中
/脚本
/body
/html
向后台发起请求的代码（有的公司服务端的程序员不给写)前端程序员仅供才考
app.get(/adata ，(req，res)={
res.send(你好，axios！”)
})
app.get(/axios ，(req，res)={
res.send(axios get传递参数req.query.id)
})
app.get(/axios/:id ，(req，res)={
res.send(axios get (Restful)传递参数req.params.id)
})
app.delete(/axios ，(req，res)={
Res.send(axios get pass参数 req.query.id)
})
app.delete(/axios/:id ，(req，res)={
Res.send(axios get (Restful)传递参数 req.params.id)
})
app.post(/axios ，(req，res)={
Res.send(axios post传递参数 req.body.uname-req.body.pwd)
})
app.put(/axios/:id ，(req，res)={
Res.send(axios put pass参数 req . params . id - req . body . uname - req . body . pwd)
})
关于在vue中获取/删除数组参数的方法，本文到此结束。关于vue传递数组参数的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。