uniapp 微信小程序页面跳转时传递参数（uni.switchTab传参无法获取,uni.reLaunch传参可以获取）

刺骨的言语ヽ痛彻心扉 2021-07-25 20:46 2019阅读 0赞

最近在做店铺的小程序，首页是店铺展示，可以是自己的店铺也可以是别人的店铺。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]  
我的页面，如果本人有店铺，则可以通过按钮点击事件进入到首页，然后首页加载的数据就变成了自己的店铺信息。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]

## uni.switchTab跳转tab页面无法传递参数 ##

由于这个是tab页面，则我首先想到的就是通过：  
uni.switchTab进行tab页面的跳转

代码如下：

enterShop(){ 
    	uni.switchTab({ 
    		url:"/pages/index/index?myShop=1"
    	})
    },

然后在首页的onShow生命周期函数中进行监听路由参数。  
代码如下：

let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
    let curRoute = routes[routes.length - 1].route //获取当前页面路由
    console.log("当前页面的路由",curRoute);
    let curParam = routes[routes.length - 1].options; //获取路由参数
    console.log("当前页面的参数",curParam);

结果发现，通过uni.switchTab跳转的页面是不能将路由参数传递到页面中的。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 2]

## uni.reLaunch跳转tab页面可以实现传递参数 ##

页面跳转还可以通过uni.reLaunch进行页面跳转

然后在首页可以拿到路由中的参数了。。。。。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 3]  
然后根据首页onShow函数中的路由参数，然后可以进行接口的调用。

问题解决……

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]: /images/20210725/67f0b4ce598c431698c9bdc2c834a26c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]: /images/20210725/cba552594efe46328edad195660bf57d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 2]: /images/20210725/986fdd8a674d46038c7142a99d2f4716.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 3]: /images/20210725/352b63bc98d945eb89d7e9547aff4a6e.png