美文网首页
vue中获取网址中的相关字段值

vue中获取网址中的相关字段值

作者: _相信未来_ | 来源:发表于2021-08-31 09:00 被阅读0次

    在项目中,可能需要获取网址中的相关字段值
    可以在js中添加如下代码

    export var getQueryVariable = function (variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        
        for (var i=0;i<vars.length;i++) {
                var pair = vars[i].split("=");
                console.log(pair)
                if(pair[0] == variable){return pair[1];}
        }
        return(false);
    }
    

    在需要使用的时候调用

    this.getQueryVariable("loginid")
    

    直接传入需要取值的字段就可以取到

    此方法可能会存在问题,建议用以下方法

       获取?后面的参数
       let id = this.$route.query.username
    

    其它方法

    function getParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
    }
    

    相关文章

      网友评论

          本文标题:vue中获取网址中的相关字段值

          本文链接:https://www.haomeiwen.com/subject/twxmiltx.html