vue js 获取url链接 中的参数

1.正则:

  • 例子:https://www.baidu.com/?tn=78040160_5_pg&ch=8
 function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg); //匹配目标参数
        if(r != null) return unescape(r[2]);
        return null; //返回参数值
    }

   字符串 split 方法

 

2.通过vue的路由获取连接中的参数:

 

 代码:

复制代码
    getUrlParam(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
      var r = window.location.search.substr(1).match(reg); //匹配目标参数
      if(r != null) {
        console.log('sc,'+unescape(r[2]));

        return unescape(r[2]);
      }
      return null; //返回参数值
      },

getUrlParam2(){ console.log(
'scenesID,'+this.$route.query.scenseId); }
复制代码

 

参考:

前端获取链接上参数

前端JS获取URL参数的4种方法总结

 

posted @   BBS_自律  阅读(1434)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
点击右上角即可分享
微信分享提示