js和vue路由跳转，传参，获取参数

js路由跳转，传参，获取参数

路由跳转，传参

//index.html 页面跳转地址
//params1 , params2 变量形式的参数
var params1 = 1,
	params2 = 2;
window.location.href = "index.html?id=" + params1 + "&name=" + params2

获取参数

    var querys = getRouterParams()
    function getRouterParams() {
      let href = window.location.href
      let query = href.substring(href.indexOf('?') + 1);
      let vars = query.split("&");
      let obj = {}
      for (var i = 0; i < vars.length; i++) {
        let pair = vars[i].split("=");
        obj[pair[0]] = pair[1]
      }
      return obj;
    }
    console.log(querys)
    // { id : 1, name : 2 }

vue路由跳转，传参，获取参数

路由跳转，传参

//routerName 路由文件里配置的路径
this.$router.push({
    path: "/routerName",
    query: {
      params1: 111,
      params2: 222,
      },
   });

获取参数

	var querys = this.$route.query; //注意这里的route 不带r,query是一个对象集合，获取单独一条，可以通过query.name获取
	console.log(querys)
	// { params1: 111, params2: 222 }