美文网首页派大星爱吃小鱼干
vue.js中解决获取地址栏上的url参数乱码的bug

vue.js中解决获取地址栏上的url参数乱码的bug

作者: 程序猿阿峰 | 来源:发表于2019-03-19 19:09 被阅读35次

一个很常见的问题,百度找了好久,结合各种博客,才解决这个问题


1. 在methods中定义下面这个函数

// name 是你要获取的那个参数的字段 比如 code=我是谁 name 就是 code
getQueryString (name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
    var r = window.location.search.substr(1).match(reg)
    if (r !== null) return r[2]
    return null
}

2. 我这里是在mounted ()钩子函数中直接调用

alert(this.getQueryString('state'))

用上面的代码,我想获取地址栏上的state参数,下图红框部分


image.png

可惜返回的是下图


image.png

百度找了好久,后来发现,加上decodeURIComponent()就可以了

alert(decodeURIComponent(this.getQueryString('state')))

终于拿到我想要的了,开心。


image.png

记录于 2019-3-19 19:09 加班的路途中,偷个懒,记录下。

相关文章

网友评论

    本文标题:vue.js中解决获取地址栏上的url参数乱码的bug

    本文链接:https://www.haomeiwen.com/subject/tfunmqtx.html