其他分享
首页 > 其他分享> > vue 页面之间的传值交互方式

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