vue页面之间传参

编程式导航：

//params形式：参数不显示在地址栏

this.$router.push({ name: 'details', params: { userId: this.num }}) //'details'是路由名；'userId'是传入的参数

要想使用params传参成功，就得使用命名路由，否则params参数传递不过去，但是对于query就无所谓了；
//获取
console.log(this.$route.params.userId);

 

//query形式：参数显示在地址栏

this.$router.push({ path: 'details', query: { userId: this.num }})

//获取
console.log(this.$route.query.userId);

//params 形式取 path:’/login’
//query 形式取 name:’登录’