vue实战2-----怎么将数据带到另一个页面并反显，并返回到原页面，数据还在？

小白进阶chan

于 2019-09-25 15:14:15 发布

阅读量6.5k

点赞数 1

分类专栏： idea 文章标签： vue cookie

本文链接：https://blog.youkuaiyun.com/weixin_43228497/article/details/101367298

版权

怎么将数据带到另一个页面并反显，并返回到原页面，数据还在？
一，先结局第一个问题，怎么将数据带到另一个页面并反显出来
1，第一个方法：将参数放在地址后面，也就是get请求：地址?+参数（也就是传过去参数）

onDetail() {
        console.log(this.listQuery.departName)
        this.$router.push("/couponsSystem/couponsManage/fullCutCoupons/index?channel="+this.listQuery.channel+"&scene="+this.listQuery.scene+"&departName="+this.listQuery.departName+"&couponFirstType="+this.listQuery.couponFirstType);
      },

2，怎么接收参数？

created() {
    this.getParams()
    }

methods:{
getParams() {
      this.listQuery.channel = **this.$route.query.channel**//注意是这样get到传过来的参数的
      this.listQuery.couponFirstType = this.$route.query.couponFirstTypeId
      this.listQuery.scene = this.$route.query.sceneId
      this.listQuery.depa