前端的传参方式(三种)
params传参:属于路径当中的一部分,在配置路由的时候需要占位
query传参:不属于路径当中的一部分,比如/home?k=v&k=v,不需要占位
props传参:路由组件传参(有三种方式)
我们在日常开发中,使用query的比较频繁
new URLSearchParams 主要是为了方便获取参数的
代码语言:javascript复制http://localhost:3000/candidates?t=hot&hotId=2436
打印location.search
代码语言:javascript复制'?t=hot&hotId=2436'
那种取值的话,需要我们自己截取一下,
如果使用new URLSearchParams 就免去了截取的过程
举例:
代码语言:javascript复制const searchParams = new URLSearchParams(location.search);
searchParams.get('hotId') // 2436
当然这个new URLSearchParams还有别的用处:
参考文档:http://www.manongjc.com/detail/28-ywpoqodciyaqnus.html
https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams