vue获取当前行（Vue获取url路由地址、参数）
导读：1.window.location...
1.window.location
实例：http://www.myurl.com:8866/test?id=123&username=xxx
当前URL
window.location.href 结果：http://www.myurl.com:8866/test?id=123&username=xxx协议
window.location.protocol 结果：http域名 + 端口
window.location.host 结果：www.myurl.com:8866域名
window.location.hostname（） 结果：www.myurl.com端口
window.location.port（） 结果：8866路径部分
window.location.pathname（） 结果：/test请求的参数
window.location.search 结果：?id=123&username=xxx备注：获取参数
// var url="www.baidu.com?a=1&b=2&C=3";//测试地址 /* * 分析：最前面是?或& ，紧跟着除 ?&#以外的字符若干 * 然后再等号 ，最后再跟着除 ?&#以外的字符 * 并且要分组捕获到【除?&#以外的字符】 */ var reg=/[?&]([^?&#]+)=([^?&#]+)/g; var param={}; var ret = reg.exec(url); while(ret){ // 当ret为null时表示已经匹配到最后了 ，直接跳出 param[ret[1]]=ret[2]; ret = reg.exec(url); } console.log(param)获取’?前边的URL
window.location.origin（） 结果：http://www.myurl.com:8866获取#之后的内容
window.location.hash 结果：null2.vue-router 获取参数
this.$route
this.$route.fullPath
this.$route.hash
this.$route.matched
this.$route.meta
this.$route.params
this.$route.query
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！