两个页面跳转传参

两个页面跳转传参

<a class="link-page" :href="'setmeal_detail.html?id='+setmeal.id">

通过上面的超链接进行跳转页面的时候，在跳转页面需要获取到URL地址，转换成String类型，然后需要对该地址进行截取。

//获取指定的URL参数值 http://localhost/pages/setmeal_detail.html?id=3&name=jack
function getUrlParam(paraName) {
    var url = document.location.toString();//通过document对象获取地址
    //alert(url);
    var arrObj = url.split("?");//通过问号将URL地址截断成两部分，存入数组之中
    if (arrObj.length > 1) {//判断该数组的长度是否超过1，大于1这代表后面有携带参数（可能是多个参数）
        var arrPara = arrObj[1].split("&");//对多个参数进行截取（id=3&name=jack）
        var arr;
        for (var i = 0; i < arrPara.length; i++) {
            arr = arrPara[i].split("=");//id=3
            if (arr != null && arr[0] == paraName) {//通过输入的参数，判断需要获取的值
                return arr[1];
            }
        }
        return "";
    }
    else {
        return "";
    }
}

<script>
    var id = getUrlParam("id");
</script>