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;


猜你喜欢

转载自blog.csdn.net/CrazBarry/article/details/76691874
今日推荐