vue2页面跳转带值传参

//列表页

toDetail: function(e) {

var self = this;

var autoID = $(e.currentTarget).attr("data-id");

self.$router.push({path:"/friend-detail?userid="+autoID);

// 对象
this.$router.push({path: "/login?url=" + this.$route.path});

// 命名的路由
router.push({ name: "user", params: { userId: 123 }})

// 带查询参数，变成/backend/order?selected=2
this.$router.push({path: "/backend/order", query: {selected: "2"}});

}

//封装的方法

$.extend({

/*获取Url值*/

getUrlValue: function(info){

var def;

if(typeof(arguments[1])=="undefined"){

def="";

}else{

def = argument[1];

}

var url =window.location.href;

var getSignInfo = url.substring(url.indexOf("?"));

var param = getSignInfo ;

if(param == ""){

return def;

}

var reg = new RegExp("(^|&)" + info + "=([^&]*)(&|$)","i");

var r = param.substr(1).match(reg);

if(r == null){

return def;

}

return (r[2]);

}

getQueryParam: function(name){

var reg = new RegExp("(^|&)" + name+ "=([^&]*)(&|$)","i");

var r = window.location.search.substr(1).match(reg);

if(r != null)

return unescape(r[2]);

return null;

}

});

//详情页

var FriendID = jQuery.getUrlValue("userID");

其他情况

传递

toDetail: function() {

var autoID = $(e.currentTarget).attr("data-id");

this.$router.push({path:"/chat",query: data);

}

获取

var obj = this.$route.query;