params传参处理
params传参处理
一、 路由传参分为params传参与query传参
- params传参类似于网络请求中的post请求,params传过去的参数不会显示在地址栏中,但是不能刷新,params只能配合name使用,如果提供了path,params会失效。
- query 传参类似于网络请求中的 get 请求,query 传过去的参数会拼接在地址栏中(?name=xx)。query 较为灵活既可以配合 path 使用,也能配合 name 使用。
二、如果是get请求且传参为params类型,需要将params转换成能拼接在浏览器地址栏的形式
//如果是get请求且传params类型参数
if(config.method==='get' && config.params){
//将params参数转换后拼接到url后面
let url = config.url transParams(config.params)
//截取有效url
url = url.slice(0,-1)
config.params = {}
config.url = url
}
export function transParams(params){
let result = ''
//遍历params数组对象,propName为数组中的key
for (const propName of Object.keys(params)) {
//获取value
const value = params[propName];
//转码,类似https://www.runoob.com/my test.php?name=ståle&car=saab
let part = encodeURIComponent(propName) "=";
if (value !== null && value !== "" && typeof (value) !== "undefined") {
//如果value是object对象,需要向内再遍历
if (typeof value === 'object') {
for (const key of Object.keys(value)) {
if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') {
let params = propName '[' key ']';
let subPart = encodeURIComponent(params) "=";
result = subPart encodeURIComponent(value[key]) "&";
}
}
} else {
//拼接
result = part encodeURIComponent(value) "&";
}
}
}
return result
}
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhghbfkb
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13