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")