如何获取地址栏#号前面的参数和地址栏最后的参数
外部跳转VUE项目时自带参数,例如 http://www.hahaha.com/list?Id=9#/1. 外部进入的url会放在VUE项目编译以后自动加“#/”, 其中带的参数在#/之前 那么我们只能用JS的方法来获取var url = window.location.href ;//获取当前urlvar dz_url = url.split('#')[0];...
·
外部跳转VUE项目时自带参数,例如 http://www.hahaha.com/list?Id=9#/
1. 外部进入的url会放在VUE项目编译以后自动加 “#/”, 其中带的参数在#/之前 那么我们只能用JS的方法来获取
var url = window.location.href ; //获取当前url
var dz_url = url.split('#')[0]; //获取#/之前的字符串
var cs = dz_url.split('?')[1]; //获取?之后的参数字符串
var cs_arr = cs.split('&'); //参数字符串分割为数组
var cs={};
for(var i=0;i<cs_arr.length;i++){ //遍历数组,拿到json对象
cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
}
this.id = cs.id; //这样就拿到了参数中的数据
注意:cs.id 后面的.id 是你地址栏参数的名字,如过你地址栏的参数是uid 那就要改成cs.uid 不要写错了
2.如果参数在地址栏的后面 那么上面的方法自然就取不到了 我们可以换一种方法
var id = this.$route.query.coid // 用此办法就可以获取到了
console.log(id);
更多推荐
已为社区贡献6条内容
所有评论(0)