首先我们跳转的页面链接为
<a data-href="user/list.html?pp=worker" >用户管理</a>
我们现在要来匹配 list.html?pp=worker的后面的参数
<script>
var v1=new Vue({
el:"#app",
data:{
},
mounted:function(){
this.getUrl("pp");
},
methods:{
getUrl:function(key){
<!--正则表表达式匹配-->
var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
var op=r[2];
console.log(op);
<!--字符串截取-->
var r1=window.location.search.substr(1);
var i=r1.indexOf("=");
var name=r1.substr(i+1);
console.log(name);
}
}
});
</script>
window.location.search 是将网址后面接的参数取出=> ?pp=worker
可以看出来可以取出来了 ,但是字符串截取的方法只适用于后面只有一个值的,而正则表达式都可以
如有说的不好的地方,请多多指教O(∩_∩)O