首页 > 其他 > 详细

vue 路由配置

时间:2018-05-03 10:00:47      阅读:183      评论:0      收藏:0      [点我收藏+]

1.不带参数的路由配置 及 跳转

//路由配置:

{

name: "a",
path: "/a",
component: a
}
 
页面跳转:
this.$router.push(‘/a‘);  
this.$router.push({path:‘/a‘});
this.$router.push({name:‘a‘})
 
2.带参数的路由配置及页面跳转 和 接收参数

//路由配置:

{

name: "a",
path: "/a/:userid",
component: a
}
//页面跳转:
this.$router.push({name:‘a‘,params:{userid:123}});    接收: this.$route.params.userid
this.$router.push({path:‘/a‘,query:{userid:123}})         接收: this.$route.query.userid
this.$router.push({path:‘/a‘,params{userid:123}})   错误,如果提供了 pathparams 会被忽略
this.$router.push({path:‘/a/123‘});                             接收: this.$route.params.userid
 
this.$router.push({path:‘/a?userid=123‘})  接收:this.$route.query.userid  ----- 这一项的路由配置 path:‘/a‘ ,不用带参数
 
 
 
 
 
 
 

vue 路由配置

原文:https://www.cnblogs.com/mili3/p/8983905.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!