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;