通过url传递参数+解决传递中文参数出现乱码问题

// 通过url传参到下一级页面
methods:{
    showpeople:(id)=>{
        // 通过url传参到下一级页面
        location.href="organize-index-detail.html?id="+id;
    }
}

// 接收url传来的参数
function getQueryString(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;
}

// 接收url传来的中文参数
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]);
    return null;
}

 参考:https://www.jianshu.com/p/7b09a85ad2c3

你可能感兴趣的:(前端)