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)
}

原文链接：https://blog.csdn.net/mentalitys/article/details/114096699

标签：传参,交互方式,vue,self,oid,params,query,id,传值
来源： https://www.cnblogs.com/chen1281024/p/16339340.html