外部跳转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);

Logo

前往低代码交流专区

更多推荐