關閉→
當前位置:知科普>IT科技>vue獲取url中的參數

vue獲取url中的參數

知科普 人氣:1.36W

1、在vue項目根目錄下創建一個urlParse.js文件

代碼如下:

export default{

getUrlKey:function(name){

return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/+/g,'%20'))||null;

}

}

vue獲取url中的參數

2、在vue項目根目錄下main.js中註冊全局方法

代碼如下:

import urlParse  from './urlParse'    //獲取url參數

Vue.prototype.$urlParse=urlParse   //註冊全局方法

vue獲取url中的參數 第2張

3、vue的登錄頁面中該方法。

代碼如下:

//AuthToken 表示vue項目登錄頁面路徑後追加的參數

let AuthToken=this.$urlParse.getUrlKey("AuthToken")

vue獲取url中的參數 第3張

TAG標籤:#獲取 #vue #參數 #URL #