实现两个页面之间的传参

我这里列举三种方法：

1.通过路由传参。

通过路由传参的方法进行参数传递。

使用this.$router.push传参，this.$route.params获取数据。

A页面：

          this.$router.push({
                //path设置传参的路由
                path:'/pages/tabBar/my/my',
                //params设置要传输的参数
                params:{
                   Id:id
                }
              })

 在B页面，接收参数。

具体调用：

<template>
<view>
<span>{{this.usermobile}}</span>
</view>
</template>

<script>
	export default {
		    data () {
      return {
        usermobile : ''
      }
    },
    onLoad(){
       this.getParameters ()
    },
    methods: {
      getParameters () {
        //通过this.$route.params.usermobile来接收获取的参数
        var routerParams  = this.$route.params.Id
        //放入存储
        this.usermobile = routerParams
      }
    }
 </script>

或者也可以直接接收参数，同样可以调用参数。

<template>
<view>
//直接获取参数
<span>{{this.$route.params.usermobile}}</span>
</view>
</template>

2.通过url传参

我这里用的uni.navigateTo保留这个页面再进行跳转。

        //A页面
    uni.navigateTo({
          url:'/pages/tabBar/order/order?stateData='+state,
          
        })

 通过console.log打印出来，location.search.slice(1)他获取的参数是？后的内容

//B页面
console.log(location.search.slice(1))

3.通过localStorage来进行传值

这些基本使用我简略，使用的话如方法一把其中接收发送替换掉即可。

//A页面发送
localStorage.setItem('mobile', JSON.stringify(this.form.mobile));

//B页面接收
var routerParams= JSON.parse(localStorage.getItem('mobile'))