vue 页面之间的传值交互方式

 

 

第一种传参  name 与 结合使用params ，传参时需要配置路由

第二种传参  path 与  query结合使用  ，

区别：query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示 

1.传值方式

//第一种
seeDetail(oid){
   this.$router.push({name:"orderDetails",params:{id:oid}});
}

//第二种
seeDetail(oid){
   this.$router.push({path:"orderDetails",query:{id:oid}});
}

2.取值方式

//第一种
getID(){
       let self = this;
       self.id = this.$route.params.id; 
       console.log(self.id)
}
//第二种
getID(){
       let self = this;
       self.id = this.$route.query.id; 
       console.log(self.id)
}