vue獲取url攜帶的引數

vue怎麼獲取url引數呢？不知道的小夥伴來看看小編今天的分享吧!

1、在vue專案根目錄下建立一個urlParse.js檔案。

程式碼如下：

export default{

getUrlKey:function(name){

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

}

}

2、在vue專案根目錄下main.js中註冊全域性方法

程式碼如下：

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

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

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

程式碼如下：

//AuthToken 表示vue專案登入頁面路徑後追加的引數

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