如何更加高效截取当前地址栏url参数

适用场景但我们进入页面的时候,想要拿到当前地址栏url的某个参数
我们可以封装一个js文件作为一个截取地址栏的工具

eg:https://xxx.com?code=fc7285c5-85eb-447f-a69c-637e2fbd50a5&&registerChannel=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的用法和作用
如何使用这个工具中的方法

  1. 在当前页面中引入:import { getQrCode } from '../../assets/js/utils'
  2. 页面初始化的时候:let res = getQrCode('code') console.log(res)//res就是code参数,想要截取地址栏的哪个参数,在getQrCode(‘想要截取的参数’)进行传参就可以
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值