vue中qs插件的使用
qs
qs主要用于参数序列化,处理发送请求的参数
qs官网:qs官网
qs安装
下载安装:
全局安装:npm install qs
使用淘宝镜像:cnpm install qs
文件中引入:
import qs from qs
使用:
//调用接口,发送请求获取数据
http.get("api/manage/console/getcheck_infobyid/?"+
//使用qs将name,status,pageSize,pageNo这些参数序列化
qs.stringfy({
name: this.username,
status: this.status,
pageSize: this.pageSize,
pageNo: this.pageNo
)).then((res)=>{
this.list = res.data.datalist;
}).catch((e)=>{
http.showError(e);
})
qs使用之qs.parse()
qs.parse()是将url解析成对象的形式
例1:
let paramesStr = "a=周杰伦&b=林俊杰&c=薛之谦&d=Uu",
qs.parse(paramesStr)
处理之后以上paramesStr 就会成为对象
{
a: "周杰伦",
b: "林俊杰",
c: "薛之谦",
d: "Uu"
}
qs使用之qs.stringify()
qs.stringfy()是将对象序列化成url的形式,用&进行拼接
例2:
let paramsObj = {
a: "周杰伦",
b: "林俊杰",
c: "薛之谦",
d: "Uu"
}
qs.stringify(paramsObj)
//上边的对象经过处理后就会变成
a=周杰伦&b=林俊杰&c=薛之谦&d=Uu
写在最后:
第一次写博客,有点小激动…
如果我的文章帮助到了您,动动小手,点亮你们的小红心
如果发现不当之处,欢迎指正,我会积极改正
一个喜欢前端的杰迷
版权声明:本文为qq_42635539原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。