首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

vue获取url中的参数

2022-05-18 来源:华拓网

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

以上就是小编今天的分享了,希望可以帮助到大家。

显示全文