網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > IT科技 > 

vue獲取url參數

欄目: IT科技 / 發佈於: / 人氣:3.1W

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張

Tags:vue URL 獲取 參數