地址跳转路由传参的两种方式 页面之间的传值方式

1.在地址显示内容的传参方式:this.$route.query

首先跳转的地方写入要跳转的路由以及要传的参数

this.$router.push({
            path: '路由地址',
            query: {
              data1: '参数string',
              data2: {
                data21: '',
                data22: {}
              }
            }
          });

在跳转之后的页面接收参数

this.data1 = this.$route.query.data1;
this.data2 = this.$route.query.data2.data21;
this.data3 = this.$route.query.data2.data22;

2.不会在地址显示内容的传参方式:this.$route.params

首先跳转的地方写入要跳转的路由以及要传的参数

this.$router.push({
        name: '路由名称', 
        params:{data: '888'}

        });

在跳转之后的页面接收参数

this.data=this.$route.params.data;

以上两种传参方式除了地址是否显示其他区别不大,注意搭配组合方式,数据传输对象无区别都是对象


版权声明:本文为JxiaoZhang原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。