vue 路由配置

时间：2018-05-03 10:26:36 阅读：131 评论：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}}) 错误，如果提供了 path，params 会被忽略

this.$router.push({path:‘/a/123‘}); 接收: this.$route.params.userid

this.$router.push({path:‘/a?userid=123‘}) 接收：this.$route.query.userid ----- 这一项的路由配置 path:‘/a‘ ,不用带参数

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行