vue-router传参
vue-router传参有两种方式:params,query1.params方式:this.$router.replace({name:'xx',params:{username:this.userName,password:this.password}})获取参数:this.$route.params.username2.query方式...
·
vue-router传参有两种方式:params,query
1.params方式:
this.$router.replace({
name:'xx',
params:{
username:this.userName,
password:this.password
}
})
获取参数:this.$route.params.username
2.query方式
this.$router.replace({
path:'/xx',
query:{
username:this.userName,
password:this.password
}
})
获取参数:this.$route.query.username
简单来说,params方法相当于post请求,数据不会显示在地址栏中;而query请求相当于get请求,数据会显示在地址栏中。另外用params传递数据时replace里面只能是name:'xx',否则即使可以跳转页面,也没有传递的数据;
还有获取数据是$route,在这里说一下$router和$route的区别:$router是vue-router实例,所有和路由相关的东西都包含在$router中,包括$route,想要跳转路由可以通过push,replace等方法。$route只是跟当前路由有关的数据,比如path,query,params之类的
更多推荐
已为社区贡献5条内容
所有评论(0)