适用场景:但我们进入页面的时候,想要拿到当前地址栏url的某个参数
我们可以封装一个js文件作为一个截取地址栏的工具
eg:https://xxx.com?code=fc7285c5-85eb-447f-a69c-637e2fbd50a5&®isterChannel=111
如何截取到code或者registerChannel呢?当前是在vue中(当然js也是没问题的)
function getQrCode(params) {
var query = window.location.search.substring(1); // 截取当前地址栏?以及包括?之后的参数
// var a = '?registerChannel=203243'
// var query = a.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == params) { return pair[1]; }
}
return (false);
}
export {
getQrCode, // 抛出这个方法
}
js中window. location. search的用法和作用
如何使用这个工具中的方法
- 在当前页面中引入:
import { getQrCode } from '../../assets/js/utils'
- 页面初始化的时候:
let res = getQrCode('code') console.log(res)
//res就是code参数,想要截取地址栏的哪个参数,在getQrCode(‘想要截取的参数’)进行传参就可以