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")
以上就是小编今天的分享了，希望可以帮助到大家。
Vue2之url传参
我们有学过vue官方提供的传参的方法，这种方法可能跟我们之前的传参的方式不太一样，但是确实是VUE官方推荐的传参方式，那今天呢我们将学习一下我们比较熟悉的传统的传参方法—url传参。大家可以按照自己的喜好进行选择就可以。
url传参的方法有三个步骤：
我们接下来按照步骤进行编写
第一步：
在router.js里配置，即配置该路由的传参参数，也很简单，就是在每个参数前加“:”
我们拿About这个路由来做示范，我们想传递id和title两个值，如下：
{ path: '/about/:id/:title', component: About, }
这第一步就配置好了。记得参数名前加上“:”。
第二步：
在to属性里设置参数值，这个参数值要与router.js里配置的参数名一一对应
<router-link to="/about/2018/vue redio">关于</router-link>
/about/之后就是参数值，所有的参数值都会存入vue里的params这个对象里
第三步：
我们在About.vue这个页面里接收数据
{{ $route.params.id }} -- {{ $route.params.title }}
这就是url传递参数的方法，与之前vue提供的官方的传参方法略有不同，需要对router.js进行配置。至于大家选择哪种方式，看大家的喜好了。
