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