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种方法总结
分类:
Vue
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升