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

在项目中,可能需要获取网址中的相关字段值
可以在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面试题 一、vue优点 1.轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 2.简单...
    没糖_cristalle阅读 1,632评论 0 3
  • 第一组:刘聪 利用反射获取类中私有字段 类中的私有和保护类型在外部是不能直接获取到其值的,然而通过反射得到Typ...
    胡諾阅读 848评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,695评论 1 45
  • 微信小程序开发实战学习笔记 前言 最近受疫情的影响,一直呆在家中进行网课学习。由于我们有一定的JS、CSS以及后端...
    JCLightZZ阅读 1,023评论 0 1
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 6,104评论 0 4