通过button跳转页面并传指定参数

//html部分
 <button @click="addRoom" :value="item.id" class="btn btn-outline-dark">添加教室</button>
//js部分
var app = new Vue({
        el:'#app',
        data:{
            
            url:"addRoom.html"


        },
        methods:{
          
            addRoom:function(e) {
                alert(e.target.value)
                // url+="?buildingId="+e.target.value
                this.url+="?buildingId="+e.target.value
                alert(this.url)
                // window.location.href=this.url;
                window.open(this.url);
            }
            
        }

    })

获取参数的办法

function getmyData(){
    if(document.URL.indexOf("?")<0) return;//获取当前url地址,如果没参数.直接返回
	       var str=document.URL.split("?")[1];
	       var obj={};
	       var arr;
	       //当只有一个参数传过来时
	       
	          if(str.indexOf("=")<0) return;
	           arr=str.split("=");
	           obj[arr[0]]=arr[1];
	           return obj;
	       
	       //当有多个参数时
	       arr=str.split("&");
	       var arr1;
	       for(var i=0;i<arr.length;i++){
	           arr1=arr[i].split("=");
	           obj[arr1[0]]=arr1[1];
	       }
	       return obj;
	   
  }

版权声明:本文为weixin_44606229原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。