vue中獲取網(wǎng)址中的相關(guān)字段值

在項目中,可能需要獲取網(wǎng)址中的相關(guān)字段值
可以在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);
}

在需要使用的時候調(diào)用

this.getQueryVariable("loginid")

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

此方法可能會存在問題,建議用以下方法

   獲取?后面的參數(shù)
   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;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • vue面試題 一、vue優(yōu)點 1.輕量級框架:只關(guān)注視圖層,是一個構(gòu)建數(shù)據(jù)的視圖集合,大小只有幾十kb; 2.簡單...
    沒糖_cristalle閱讀 1,665評論 0 3
  • 第一組:劉聰 利用反射獲取類中私有字段 類中的私有和保護類型在外部是不能直接獲取到其值的,然而通過反射得到Typ...
    胡諾閱讀 880評論 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,797評論 1 45
  • 微信小程序開發(fā)實戰(zhàn)學(xué)習(xí)筆記 前言 最近受疫情的影響,一直呆在家中進行網(wǎng)課學(xué)習(xí)。由于我們有一定的JS、CSS以及后端...
    JCLightZZ閱讀 1,185評論 0 1
  • 16宿命:用概率思維提高你的勝算 以前的我是風(fēng)險厭惡者,不喜歡去冒險,但是人生放棄了冒險,也就放棄了無數(shù)的可能。 ...
    yichen大刀閱讀 7,646評論 0 4

友情鏈接更多精彩內(nèi)容