開心生活站

位置:首頁 > IT科技 > 

vue獲取url中的參數

IT科技1.53W

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張

標籤:URL 參數 獲取 vue